Come ottenere il numero di elemento/indice tra fratelli

Question

Come si può ottenere il numero figlio dell'elemento selezionato, ad es.

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

Usando qualcosa di simile:

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

Questo dovrebbe tornare "3" per il suo involucro di genitore, per quanto riguarda il numero di bambini.

Answer 1

Per questo è possibile utilizzare .index().

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

Poiché è stato fornito un ID per il Li, non è necessario il selettore di elementi con ul. Puoi usare direttamente il selettore id per l'elemento li.