Как я могу проверить номер элемента, который был нажат

Question

Допустим, у меня есть много элементов с событием click (все имеют одинаковое имя элемента и, возможно, один и тот же класс).

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

, тогда у меня есть метод, который запускается при событии click.Как я могу проверить номер элемента, который был нажат?

В примере, если щелкнуть '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
});