Metoden index i jQuery

Hvis vi har brug for at finde nummeret på et element i et sæt, kan vi bruge metoden index.

Vi kan udskrive elementets positionsnummer i forhold til dets naboer. For eksempel har vi en nummereret liste:

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

Ved hjælp af metoden index vil vi nu udskrive nummeret på div:

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

Det er også muligt yderligere at sende en selector. Lad os se på følgende HTML-kode:

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

Nu sender vi foruden elementets tag-navn også id-navnet som parameter:

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

Hvis et sådant element ikke findes, vender metoden tilbage med -1.

Hent nummeret på li med #test ved kun at bruge elementets tag-navn.

Hent nummeret på li med #first, ved at angive selector-navnet også.