确定其父级的子索引

Question

如何确定其父元素中的元素索引？假设您具有以下DOM结构,并且已为子div 设置了单击事件侦听器.当点击它们中的每一个时,我想知道它是关于父div的索引.

<div class="parent">
    <div class="child">...</div>
    <div class="child">...</div>
    <div class="child">...</div>
    <div class="child">...</div>
</div>

Answer 1

要获取其父级元素的索引(实际上是兄弟姐妹之间),请使用.index()不带任何参数,例如:

$(".child").click(function() {
  alert("Index: " + $(this).index());
});

你可以在这里测试一下.