确定其父级的子索引

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

You can test it out here