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ą:
<ol>
<li>text</li>
<li id="test">text</li>
<li>text</li>
</ol>
<div>text</div>
Za pomocą metody
index
wypiszemy teraz numer div:
let num = $('div').index();
alert(num);
Można również dodatkowo przekazać selektor. Rozważmy następujący kod 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:
let num = $('li').index($('#test'));
alert(num);
Jeśli taki element nie zostanie znaleziony,
metoda zwróci -1.
Uzyskaj numer li z #test
za pomocą tylko nazwy tagu elementu.
Uzyskaj numer li z #first,
określając jeszcze nazwę selektora.