jquery遍历子元素

我有一个带有id ring-previewdiv ,它有一个未指定数量的img元素,里面有类stone-preview

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

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

其中this指的是img元素,而i指的是它在div位置。

我怎样才能做到这一点?

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

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

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

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

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

回调函数的第一个参数是您所追求的索引。

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