Az index metódus a jQuery-ben

Ha meg kell találnunk egy elem sorszámát a halmazban, akkor használhatjuk a index metódust.

Kiírathatjuk az elem pozíciójának számát a szomszédos elemekhez képest. Például van egy sorszámozott listánk:

html<ol>
  <li>szöveg</li>
  <li id="test">szöveg</li>
  <li>szöveg</li>
</ol>
<div>szöveg</div>

Az index metódus segítségével most kiírjuk a div sorszámát:

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

Továbbá megadhatunk egy szelektort paraméterként. Vizsgáljuk meg a következő HTML kódot:

html<ol>
  <li id="first">szöveg</li>
  <li id="test">szöveg</li>
  <li>szöveg</li>
</ol>
<div>szöveg</div>

Most az elem tag neve mellett átadjuk paraméterként a id nevét is:

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

Ha nem található ilyen elem, akkor a metódus -1-et ad vissza.