¿Se puede extraer el valor n-child en JQuery?

Question

que tienen una lista de un número indeterminado de elementos secundarios:

<ul> 
    <li ID="alpha"></li> 
    <li ID="bravo"></li> 
    ... 
    <li ID="hotel"></li> 
    ... 
</ul> 

Si tuviera que hacer clic en cualquiera de estos elementos, ¿sería posible averiguar qué número de niños que están en la lista y pase ese valor para una variable?

Answer 1

Sí, el método del índice de jQuery le dará esa información:

$(this).index(); // will return the index relative to its other siblings. 

http://api.jquery.com/index/

Answer 2

A partir de 1.4,

$('li').click(function(){ 
    alert($(this).index()); 
}); 

Answer 3

Sí, puede utilizar el método .index() . Ejemplo aquí: http://jsfiddle.net/jomanlk/Gy88N/

Código sigue

<ul> 
    <li ID="alpha">Item 1</li> 
    <li ID="bravo">Item 2</li> 
    <li ID="hotel">Item 3</li> 
    <li ID="hotel2">Item 4</li> 
    <li ID="hotel3">Item 5</li> 
</ul> 


$('ul li').click(function(e){ 
    alert($(this).index()) 
})