Metoden index i jQuery

Om vi behöver hitta elementets nummer i uppsättningen, så kan vi använda metoden index.

Vi kan visa elementets positionsnummer i förhållande till grannar. Till exempel, vi har en numrerad lista:

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

Med hjälp av metoden index kommer vi nu att visa numret på div:

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

Det är också möjligt att ytterligare skicka en selektor. Låt oss titta på följande HTML-kod:

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

Nu, förutom elementets taggnamn, skickar vi in id:s namn i parametrarna:

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

Om ett sådant element inte hittas, kommer metoden att returnera -1.