如何查找列表项的索引 (ul-li）

How to find index of list item (ul-li)?

本文关键字：索引 ul-li 列表 查找 何查找      更新时间：2023-09-26

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

所以如果我有这个：

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

而这个对象：

$("test")

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

您可以

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

当调用.index()时没有任何参数，

返回值是一个整数，指示第一个的位置 元素在 jQuery 对象中相对于其同级元素。

在本例中，这将是 1 -- 查看实际操作。

.index（） 就是你要找的。针对其同级进行评估，请参阅 jQuery 文档。

您可以使用

index()：

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

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

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

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

引用：

  • index() .
相关文章：