Question

我有清单：

<ul class="nav">
    <li>first</li>
    <li>second</li>
    <li>third</li>
    <li>fourth</li>
</ul>

我正在尝试获取我刚刚点击的<li>的索引。

我尝试的是index()，但它没有按预期工作。我错过了什么吗？

这是我的代码：

console.log($('.nav li').index());

点击第二个<li>应返回＆＃34; 2＆＃34; （或1，如果索引以0开头）

这是我的点击功能：

$('.nav .hasChild > a').click(function(e) { 
    console.log($('.nav li').index());
    ....
});

＆＃34; hasChild＆＃34; -class在我的情况下并不重要

Answer 1

试试这个：

$('.nav .hasChild > a').click(function() {
   var indexVal = $(this).closest('li').index();
   console.log(indexVal);
});

Answer 2

试试这个 -

$('.nav .hasChild > a').click(function(e) { 
    console.log($(this).parent("li").index());//this holds the current element reference which is clicked

}

Answer 3

也许我错过了额外课程的东西，但肯定是这么简单;

        $('.nav li').click(function() {               
           console.log($(this).index());
        });

如何从父元素获取索引值？

3 个答案: