如何查看被点击的项目的数量

Question

假设我有许多带有单击事件的项目（所有项目都具有相同的元素名称，并且可能具有相同的类）。

<a>A</a>
<a>B</a>
<a>C</a>
<a>D</a>

然后我有点击事件触发的方法。如何查看被点击的项目的数量？

在示例中，如果单击“C”，那么我应该得到 3 作为答案。

Answer 1

您可以使用 .prevAll()：

$('a').click(function() {
    alert($(this).prevAll('a').length + 1);
});

或 .index()：

$('a').click(function() {
    alert($(this).index() + 1);
});

Answer 2

您还可以使用 .index()

$("a").bind("click",function(){
    alert($(this).index());             // 0 indicates first item
});