Получить значение индекса элемента с определенным классом

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 выбирает элемент <li> с классом open.

Демо: http://jsfiddle.net/gENcn/2/