如何使用jQuery在父元素中查找某个子元素的位置编号

Question

我有一个包含几个其他包含图像的div的div.它看起来像这样

<div id="parentHldr">
 <div class="imgHldr"><img src="foo/bar.png" id="1"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="2"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="3"></div>
 <div class="imgHldr active"<img src="foo/bar.png" id="4"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="5"></div>
 <div class="imgHldr"><img src="foo/bar.png" id="6"></div>
</div>

我想知道具有类活动的div的位置.我得到了这个东西的子元素总数

$('#parentHldr').children().length

所以我认为,应该有办法以某种方式找到该div的位置编号......

好的,我几乎找到了解决方案.现在它有点复杂了.我需要在父类DIV w/class parentHldr中获取包含img且id为5的DIV w/class imgHldr的索引.这可能吗？？))

Answer 1

使用index():

$("#parentHldr > div").index($("#parentHldr > div.active"));