Metoda index în jQuery
Dacă trebuie să găsim numărul unui element într-un set,
putem folosi metoda
index.
Putem afișa numărul poziției elementului relativ la elementele învecinate. De exemplu, avem o listă numerotată:
<ol>
<li>text</li>
<li id="test">text</li>
<li>text</li>
</ol>
<div>text</div>
Cu ajutorul metodei
index
vom afișa acum numărul div:
let num = $('div').index();
alert(num);
De asemenea, putem transmite în plus un selector. Să luăm în considerare următorul cod HTML:
<ol>
<li id="first">text</li>
<li id="test">text</li>
<li>text</li>
</ol>
<div>text</div>
Acum, pe lângă numele tag-ului elementului,
transmitem în parametri numele id:
let num = $('li').index($('#test'));
alert(num);
Dacă un astfel de element nu este găsit,
metoda va returna -1.
Obțineți numărul li cu #test
folosind doar numele tag-ului elementului.
Obțineți numărul li cu #first,
specificând și numele selectorului.