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:

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

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

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

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:

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

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