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

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); 

我期待什么：

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

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

Answer 1

空间有差别：

• li .open选择一类的open这是一个<li>元素中的元素。
• li.open选择一个元素，其类别为open。

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