O método index no jQuery

Se precisarmos encontrar a posição de um elemento em um conjunto, podemos usar o método index.

Podemos exibir a posição numérica de um elemento em relação aos seus vizinhos. Por exemplo, temos uma lista ordenada:

<ol>
	<li>texto</li>
	<li id="test">texto</li>
	<li>texto</li>
</ol>
<div>texto</div>

Usando o método index, vamos agora exibir a posição do div:

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

Também é possível passar um seletor adicional como parâmetro. Vamos considerar o seguinte código HTML:

<ol>
	<li id="first">texto</li>
	<li id="test">texto</li>
	<li>texto</li>
</ol>
<div>texto</div>

Agora, além do nome da tag do elemento, passamos o nome do id nos parâmetros:

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

Se o elemento não for encontrado, o método retornará -1.

Obtenha a posição do li com #test usando apenas o nome da tag do elemento.

Obtenha a posição do li com #first, especificando também o nome do seletor.