如何找到列表项的索引（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() 。