jquery - 如何使用 jQuery 获取当前项相对于父元素的索引？

Question

我正在尝试获取当前项目的索引

<ul id="navbar">
    <li><a href="#a">Link</a></li>
    <li><a href="#b">Link</a></li>
    <li><a href="#c">Link</a></li>
    <li><a href="#d">Link</a></li>
    <li><a href="#e">Link</a></li>
</ul>

我正在使用 jQuery，并且只需使用即可获得总数

$('ul#navbar').children().length;

如何获取相对于父元素的当前索引？

例如。单击第三个链接，返回 3，如果是数组则返回 2。

我已尝试以下操作，但始终返回 -1 表示未找到

$('ul#navbar a').click(function(){
    var curPos = $(this).parent().parent().index($(this).parent());
});

编辑:将 javascript 中的 ul.navbar 更改为 ul#navbar，抱歉

Answer 1

在父 li 元素上使用 index() 方法

var curPos = $(this).parent().index();

http://api.jquery.com/index/

If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements.