javascript - 如何找到列表项的索引（ul-li）？

Question

我有一个 jQuery 对象，它是一个 HTML li 元素。如何在其父 ul 的上下文中找到它的索引？

所以如果我有这个：

<ul>
<li>abc</li>
<li id="test">def</li>
<li>hij</li>
</ul>

而这个对象：

$("test")

有没有办法获取这个元素的索引号。在这种情况下，它将为 1（如果您将 0 视为第一个索引）。我可以用 $("test").parent() 做些什么吗？

Answer 1

您可以简单地使用$("#test").index(). 注意 id 选择器的使用#。

当.index()不带任何参数调用时，

返回值是一个整数，表示 jQuery 对象中第一个元素相对于其兄弟元素的位置。

在这种情况下，这将是 1 -看到它在行动。

Answer 2

.index() 是你要找的。根据其兄弟姐妹进行评估，请参阅jQuery文档。

Answer 3

您可以使用index()：

var index = $('#test').index();

或者，您可以提供一个选择器，以从一组不同的匹配元素中获取索引：

var index = $('#test').index('li.className');

它将#test从那些元素中获取元素的索引点.className（假设#test也有这个类）。

参考：

• index().