Método index en jQuery

Si necesitamos encontrar el número de un elemento en un conjunto, podemos utilizar el método index.

Podemos mostrar la posición numérica de un elemento en relación con sus vecinos. Por ejemplo, tenemos una lista numerada:

html<ol>
  <li>text</li>
  <li id="test">text</li>
  <li>text</li>
</ol>
<div>text</div>

Con la ayuda del método index ahora mostraremos el número del div:

javascriptlet num = $('div').index();
alert(num);

También se puede pasar un selector adicionalmente. Consideremos el siguiente código HTML:

html<ol>
  <li id="first">text</li>
  <li id="test">text</li>
  <li>text</li>
</ol>
<div>text</div>

Ahora, además del nombre de la etiqueta del elemento, pasamos en los parámetros el nombre del id:

javascriptlet num = $('li').index($('#test'));
alert(num);

Si no se encuentra tal elemento, el método devolverá -1.