javascript - 获取具有特定类的项目的索引值

Question

我试图弄清楚如何获取给定类的元素的索引值。例如，我有。

HTML：

<ul>
    <li>One</li>
    <li>Two</li>
    <li class="open">Three</li>
    <li>Four</li>
</ul>

jQuery

var index = $('li .open').index();
console.log(index);

我的期望：

预期的控制台结果应等于2。我得到的是-1。

无论如何，我显然做错了什么，所以对此的任何帮助将不胜感激。我在这里开始了一个小提琴：http: //jsfiddle.net/

Answer 1

空间有所不同：

• li .open选择一个元素open内的类的<li>元素。
• li.open选择<li>一个类为 的元素open。

演示：http: //jsfiddle.net/gENcn/2/