如何找到列表项的索引(ul-li)?

时间:2012-06-01 21:50:46

标签: javascript jquery html jquery-selectors

我有一个jQuery对象,它是一个HTML li元素。如何在其父ul?

的上下文中找到它的索引

所以,如果我有这个:

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

这个对象:

$("test")

有没有办法获取此元素的索引号。在这种情况下,它将为1(如果您将0作为第一个索引)。有什么我可以用$(“test”)。parent()?

3 个答案:

答案 0 :(得分:2)

您只需使用$("#test").index()即可。请注意使用id选择器#

在没有任何参数的情况下调用.index()时,

  

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

在这种情况下,这将是1 - see it in action

答案 1 :(得分:0)

.index()就是你要找的东西。针对其兄弟姐妹进行评估,请参阅jQuery文档。

答案 2 :(得分:0)

您可以使用index()

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

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

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

哪个会从#test的元素中获取.className元素的索引点(假设#test也有此类)。

参考文献: