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:

<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:

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

También se puede pasar un selector adicionalmente. Consideremos el siguiente código 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:

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

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

Obtenga el número del li con #test utilizando solo el nombre de la etiqueta del elemento.

Obtenga el número del li con #first, especificando también el nombre del selector.