jQuery: averiguar el número «índice» de un elemento

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:

<ul>
  <li>Morcilla</li>
  <li>Botillo</li>
  <li>Cecina</li>
  <li>Cocido Maragato</li>
</ul>

* 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);
    });

});