獲取具有特定類別的項目的索引值

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/