Metoda index u jQuery-u

Ako nam je potrebno da pronađemo redni broj elementa u skupu, možemo da koristimo metodu index.

Možemo da prikažemo poziciju elementa u odnosu na susedne. Na primer, imamo numerisanu listu:

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

Pomoću metode index prikazaćemo redni broj div elementa:

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

Takođe je moguće dodatno proslediti selektor. Razmotrimo sledeći HTML kod:

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

Sada pored naziva taga elementa prosledićemo u parametre ime id-a:

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

Ako se takav element ne pronađe, metoda će vratiti -1.