获取单击列表项的位置

Question

可以说我们有这个标记：

<header>
   <nav>
      <ul>
         <li><a href="">first (not)</a></li>
         <li><a href="">second</a></li>
         <li><a href="">third</a></li>
        <!-- ... more here -->
      </ul>
   </nav>
</header>

我发现了有关.index（）函数的信息

我正在尝试这样：

$('body').on('click','header :not(li:first-child a) a',function(e){
     e.preventDefault();
     alert($(this).parents('ul').find('li').index(this));
});

但它始终会警告： -1

我想念什么？

Answer 1

尝试让自己成为父母：

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

Answer 2

我建议：

$('body').on('click','header li + li a',function(e){
     e.preventDefault();
     console.log($(this).closest('li').index());
});

JS小提琴演示

我认为问题在于index方法中的this ； as index返回当前匹配元素相对于提供给该方法的选择器的索引，并且有一个：仅一个当前/ this节点，以及b：该当前节点不在您要尝试的元素的同级对象中查找索引。 因此返回-1 （在JavaScript中，如果在给定数组中未找到该元素，则为传统结果）。

另外，我更改了您的选择器； 我以为您要查找不是第一个 li的li的索引？ 但是我可能误解了选择器或您的意图。

参考文献：

• closest() 。
• index() 。