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

У меня есть список, подобный этому:

<li> .... </li>
<li> .... </li>
<li> .... </li>
<li class="active"> .... </li>
<li> .... </li>

Я хочу узнать индекс (число в списке) элемента с элементом "active" класса. в этом случае индекс будет равен 4 (или 3, если мы начинаем с 0) Как я могу это сделать?

Ответ 1

С . index():

$('li.active').index()

Рабочий пример здесь:

http://jsfiddle.net/EcZZL/

Изменить - добавлена ссылка на api для .index() за советом Ника.

Ответ 2

Вот так:

var index = $("ul li.active").index();

.index() без параметров дает индекс элемента по отношению к нему, который вы хотите в этом случае.