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/