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

jQuery - get the index of a element with a certain class

提问by Alex

I have a list like this one:

我有一个这样的清单：

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

I want to find out the index (number in the list) of the item with the "active" class element. in this case the index would be 4 (or 3 if we're starting from 0) How can I do that?

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

回答by HurnsMobile

With the .index():

使用.index()：

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

Working example here:

这里的工作示例：

http://jsfiddle.net/EcZZL/

http://jsfiddle.net/EcZZL/

Edit - added link to the api for .index()per Nick's advice

编辑 -.index()根据尼克的建议添加到 api 的链接

回答by Nick Craver

Like this:

像这样：

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

.index()without parameters gives the index of the element with respect to it's siblings, which is what you want in this case.

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