Question

我想收到li元素的索引。我正在使用此代码，因为我想触发多个用户输入并根据单击元素的类名和索引提供操作。但我无法搞清楚索引：

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

接收nav元素的索引

2 个答案: