jquery遍历子元素

Question

我的div标识为ring-preview，其中包含img个stone-preview个元素，其中包含$(this).rotate(ring.stones[i].stone_rotation); 个类。

我想迭代这些子图像并调用：

this

img引用i元素，div引用{{1}}中的位置。

我该怎么做？

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