javascript - 从一组相同的项目中获取项目的索引

Question

假设我有一组相同的 HTML 标签，例如:

<div id="stuff">
<span class="foo">Foo</span>
<span class="foo">Foo</span>
<span class="foo">Foo</span>
<span class="foo">Foo</span>
<span class="foo">Foo</span>
</div>

我将 onclick 事件附加到跨度，如下所示:

$(".foo").click(function() {
    // stuff
});

在我的onclick事件中，我想获取被点击元素的索引，例如，如果我点击了第3个^rd跨度，我希望索引为3。我该怎么做那？通常，我会迭代 $("#stuff") 并将项目与单击的项目进行比较，但在本例中，它们是相同的。

Answer 1

使用以下方式获取索引:-

索引相对于其同级索引是从零开始的。因此，对于第三个元素，您将得到索引为 2。

$(".foo").click(function() {
    alert($(this).index());
}

了解.index()

Demo