Получить индекс элемента nav

Question

Я хочу получить индекс элемента li. Я использую этот код, потому что я хочу запускать несколько пользовательских входов и выполнять действие в соответствии с именем и индексом элемента clicked. Но я не могу выйти индекс:

code pen

JS

$('body').on('click', function(e){ 
     var trg = e.target; 
    if (trg.className.indexOf('button') > -1) { 

     console.log(trg.index()); 
    } 
}); 

HTML

<ul> 
<li class="button">0</li> 
    <li class="button">1</li> 
    <li class="button">2</li> 
</ul> 

Answer 1

Вам нужно создать объект-оболочку JQuery для цели события, а затем вызвать index() для этого объекта

$('body').on('click', function (e) { 
    var $target = $(e.target); 
    if ($target.hasClass('button')) { 
     console.log($target.index()); 
    } 
}); 

Answer 2

Working Fiddle

$('body').on('click', '.button', function (e) { 
    alert($(this).index()); 
});