jquery - 确定其父级中的子级索引

Question

如何确定父元素中元素的索引？假设您有以下 DOM 结构，并且您已经为子 div 设置了一个 click 事件监听器。当单击它们中的每一个时，我想知道它关于父 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 .