如何使用 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

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

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

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

如果没有参数传递给 .index() 方法，则返回值是一个整数，指示 jQuery 对象中第一个元素相对于其同级元素的位置。