Cómo obtener el número de elemento/índice entre hermanos

Question

¿Cómo se puede obtener el número hijo del elemento seleccionado, p.

<ul> 
    <li>First child</li> 
    <li>Second</li> 
    <li id="selected">Third child</li> 
    <li>Fourth child</li> 
</ul> 

Usando algo como esto:

$('#selected').childNumber(); 

que debe devolver "3" para su reciclamiento de los padres, en cuanto al número de niños.

Answer 1

Puede usar .index() para esto.

var selectedIndex = $("#selected").index() + 1; 

Dado que ha dado una identificación para el li no es necesario el selector de elementos con ul. Puede usar directamente el selector de id para el elemento li.