Para averiguar el numero índice en el que se encuanta un determinado elemento usamos la función index().
Esta función se encarga de buscar todos elementos que seleccionemos dentro del DOM y nos devuelve un número entero que indica la posición en que se encuentra cada elemento.
A continuación un ejemplo de una lista de 4 elementos de algunos productos típicos del Reino de León:
* Recordar que se empieza a contar desde el número “0″.
En este ejemplo el número índice que corresponde a cada elemento seria este:
0 -> Morcilla
1 -> Botillo
2 -> Cecina
3 -> Cocido Maragato
Y para obtener el número índice de cada item en jQuery:
$(document).ready(function() {
$('ul li').click(function() {
var i = $(this).index();
alert('Has clickado sobre el elemento número: '+i);
});
});
$('ul li').click(function() {
var i = $(this).index();
alert('Has clickado sobre el elemento número: '+i);
});
});