Динамический селектор jQuery через петлю?

Question

Как мне перебирать набор чисел для целей моих элементов? Например.

for (i = 1; i < 9; i++) { 
     $('myPetal'+i).myX = 500; 
     $('myPetal'+i).myY = 500; 
    } 

Answer 1

Не забыть в JQuery вам все еще нужно селекторы:

Для идентификаторов вы сделали бы

for (var i = 1; i < 9; i++) { 
     $('#myPetal'+i).myX = 500; 
     $('#myPetal'+i).myY = 500; 
} 

А для классов

for (var i = 1; i < 9; i++) { 
     $('.myPetal'+i).myX = 500; 
     $('.myPetal'+i).myY = 500; 
    } 

Ваш пример кода будет выглядеть для <myPetal[i]> в DOM.

Answer 2

Вы можете обойтись без цикла, и вместо этого использовать префикс myPetal в запросе, чтобы получить все элементы, которые есть класс, который начинается с этим значением:

$("*[class^='myPetal']").attr('myY', 500); 

Та же самая идея может быть применена в случае использования других атрибутов

Answer 3

$('.class1').attr('myX', 500); 
 
$('.class1').attr('myY', 500); 
 
$('.class1').html('myX : '+$('.class1').attr('myX') + ' myY : '+$('.class1').attr('myY'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="class1">class1</div> 
 
<div class="class1">class1</div> 
 
<div class="class1">class1</div>

, если у вас есть один и тот же класс для элементов и значение, которое вы хотите добавить, такое же, что и вы можете сделать это, или вы можете его закодировать с помощью функции .each(), как это

$('.class1').each(function(){ 
    $(this).attr('myX', 500); 
    $(this).attr('myY', 500); 
})