如何查看所单击项目的编号

Question

假设我有许多带有click事件的项目（所有项目都有相同的元素名称，可能同一个类）。

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