Metoda index w jQuery

Jeśli potrzebujemy znaleźć numer elementu w zestawie, możemy skorzystać z metody index.

Możemy wypisać numer pozycji elementu względem sąsiadów. Na przykład, mamy listę numerowaną:

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

Za pomocą metody index wypiszemy teraz numer div:

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

Można również dodatkowo przekazać selektor. Rozważmy następujący kod HTML:

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

Teraz oprócz nazwy tagu elementu przekazujemy w parametrach nazwę id:

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

Jeśli taki element nie zostanie znaleziony, metoda zwróci -1.