jquery遍历子元素
我有一个带有id ring-preview
的div
,它有一个未指定数量的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); });