通過循環動態jQuery選擇器？

Question

如何遍歷一組數字以定位元素？ 例如。

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

Answer 1

不要忘記在jQuery中您仍然需要選擇器：

對於ID，您會這樣做

 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;
    }

您的代碼示例將在DOM中查找<myPetal[i]> 。

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);
})