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ă:

html<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:

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

De asemenea, putem transmite în plus un selector. Să luăm în considerare următorul cod HTML:

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:

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

Dacă un astfel de element nu este găsit, metoda va returna -1.