jQuery - ottenere l'indice di un elemento con una certa classe

Question

Ho una lista come questa:

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

voglio scoprire l'indice (numero nella lista) della voce con la "attiva "elemento di classe. in questo caso l'indice sarebbe 4 (o 3 se stiamo iniziando da 0) Come posso farlo?

Answer 1

Con il .index(): esempio

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

Lavorare qui:

http://jsfiddle.net/EcZZL/

Edit - link alla api aggiunto per .index() per il consiglio di Nick

Answer 2

Ti piace questa:

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

.index() senza parametri fornisce l'indice dell'elemento rispetto ai suoi fratelli, che è ciò che si desidera in questo caso.