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

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的{​​{1}}元素。

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