jquery遍历子元素

Question

我有一个divid ring-preview,它有一个未指定数量的img元素与其中的类stone-preview.

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

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

where this指的是img元素并i指其在的位置div.

我怎样才能做到这一点？

Answer 1

你正在寻找这种.each()方法.
例如:

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

如果<img>元素不是直接子元素,则需要调用.find而不是.children.

Answer 2

你可以.each()在这些情况下使用a ,如下所示:

$("#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);
});