如何在 ul 标签中获取特定 li 的位置?

Posted

技术标签:

【中文标题】如何在 ul 标签中获取特定 li 的位置?【英文标题】:How to get the position of an specific li in a ul tag? 【发布时间】:2013-09-04 12:54:39 【问题描述】:

我想获得一个li 的号码,我将鼠标悬停在jQuery 上。 这是我的代码:

<ul>
   <li></li>
   <li></li>
   <li></li> /* I want hover on this element */
   <li></li>
   <li></li>
</ul>

当悬停在顶部代码中的某个元素上时,我希望获得所有 lies.... 的编号。例如,在顶部代码中,我想要获得 3(这意味着这第三个元素)

【问题讨论】:

【参考方案1】:

你可以用这个:

var number = $(this).index() + 1;

演示here

.index() 从 0 开始,所以我添加了 +1,因为您想从 1 开始计数。

【讨论】:

以上是关于如何在 ul 标签中获取特定 li 的位置?的主要内容,如果未能解决你的问题,请参考以下文章

多个 (li) 标签如何获取获取选中的里面的某个特定值

<ul>标签两层嵌套如何在js中找到第二层<li>标签,不用获取id的方法。两层<li>标签的class是一样的。

jquery如何获取ul中第一个li和最后一个li

如何在 Selenium WebDriver 中获取“ul”类的所有“li”元素

MUI框架如何获取当前标签的子标签

javascript获取ul标签的id,如何才能改变ul内li的背景颜色等属性