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:

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

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

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

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

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

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

Verkrijg de index van de li met #test door alleen de tag naam van het element te gebruiken.

Verkrijg de index van de li met #first, door ook de selector naam op te geven.