jQuery - Obtener el índice de un elemento con una cierta clase

Question

Tengo una lista como ésta:

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

Quiero averiguar el índice (número de la lista) del elemento con el "activo "elemento de clase. en este caso, el índice sería 4 (o 3 si estamos comenzando desde 0) ¿Cómo puedo hacer eso?

Answer 1

Con la .index(): ejemplo

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

Trabajar aquí:

http://jsfiddle.net/EcZZL/

Editar - enlace de la API añadido para .index() por el consejo de Nick

Answer 2

De esta manera:

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

.index() sin parámetros da el índice del elemento con respecto a sus hermanos, que es lo que quiere en este caso.