JQuery оповещения .eq значение()

Question

я отчасти понимаю, как .eq() функция работает в JQuery,

<ul> 
<li>item 2</li> 
<li>item 4</li> 
<li>item adf</li> 
<li>item f</li> 
</ul> 

$('ul').find('li').eq(3); //this gives item f 

, но что, если я хотел нажать на пункт ADF, как я могу получить предупреждение от 2 .

$('ul li').click(function(){ 
alert('//getting eq value'); //and then when clicked, it should say 2 
}); 

Благодаря

Answer 1

Вы ищете метод index:

alert($(this).index()); 

Из документов:

Если аргумент не передается методу .index(), возвращаемое значение целое число, указывающее позицию первого элемента в пределах JQuery объекта относительно его родственных элементов.

Answer 2

Чтобы получить индекс щелкнутого элемента, вы можете использовать this в качестве селектора для выбора Clicked элемента, а затем индекс() метод, чтобы получить индекс элемента:

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

Answer 3

Вышеупомянутые решения не будут работать, если список длинный. index() возвращает относительное значение, и значение будет изменяться при добавлении большего количества тегов списка.

вы должны, возможно, сделать что-то в следующем -

$('ul li').click(function(){ 
    var currentListIndex = $('ul li').index(this); 
    alert(currentListIndex); 
});