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:

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

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

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

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

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

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

Få numret på li med #test med hjälp av endast elementets taggnamn.

Få numret på li med #first, genom att även ange selektorns namn.