jQuery - 获取具有特定类的元素的索引答案

【问题标题】：jQuery - get the index of a element with a certain classjQuery - 获取具有特定类的元素的索引
【发布时间】：2010-07-08 22:15:49
【问题描述】：

我有一个这样的列表：

<li> .... </li>
<li> .... </li>
<li> .... </li>
<li class="active"> .... </li>
<li> .... </li>

我想找出具有“活动”类元素的项目的索引（列表中的数字）。在这种情况下，索引将为 4（如果我们从 0 开始，则为 3）我该怎么做？

【问题讨论】：

【解决方案1】：

用.index()：

$('li.active').index()

这里的工作示例：

编辑 - 根据 Nick 的建议为 .index() 添加了指向 api 的链接

【讨论】：

如果选择器是$(this).hasClass("myClass")怎么办？它没有 index() 函数。
var g = parseInt($('div.slideIsActive').index()) + 1; 给了我1 但这个var index = $(this).find("div.slideIsActive").index() + 1; 给了我0。如何使用 this 关键字进行编辑以获取 1。

【解决方案2】：

像这样：

var index = $("ul li.active").index();

.index() 不带参数给出了元素相对于它的兄弟元素的索引，这就是你在这种情况下想要的。

【讨论】：

看起来我今天早上喝了第一杯咖啡，尼克；）
@HurnsMobile - 确实 :) 如果可能，请确保提供指向您正在使用的相应功能的链接，以帮助未来的 googlers....index() 更是如此，因为它有几个非常不同的用途:)