De index methode in jQuery

Als we de index van een element in een set moeten vinden, dan kunnen we gebruik maken van de index methode.

We kunnen de positie-index van een element weergeven ten opzichte van zijn buren. We hebben bijvoorbeeld een genummerde lijst:

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

Met behulp van de index methode gaan we nu de index van de div weergeven:

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

Je kunt ook optioneel een selector doorgeven. Laten we de volgende HTML code bekijken:

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

Nu geven we, naast de tag naam van het element, ook de id naam door in de parameters:

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

Als zo'n element niet wordt gevonden, dan retourneert de methode -1.