jquery遍歷子元素

Question

我有一個div與id ring-preview，它有一個非特定數img元素與stone-preview裏面的類。

我想遍歷每個孩子的圖像，並呼籲：

$(this).rotate(ring.stones[i].stone_rotation); 

凡this指的img元素和i指其div中的位置。

我該怎麼做？

Answer 1

您正在尋找.each() method。
例如：

$('.ring-preview').children('img').each(function(i) { 
    $(this).rotate(ring.stones[i].stone_rotation); 
}); 

如果<img>元素不是直接的孩子，你將需要調用.find，而不是.children。

Answer 2

您可以使用在這些情況下.each()，像這樣：

$("#ring-preview img.stone-preview").each(function(i) { 
    $(this).rotate(ring.stones[i].stone_rotation); 
}); 

的第一個參數的回調函數是你之後的索引。

Answer 3

$('#ring-preview img.stone-preview').each(function(idx, itm) { 
    $(itm).rotate(stones[idx].stone_rotation); 
});