index-metodi jQuery:ssä

Jos meidän on löydettävä elementin järjestysnumero joukossa, voimme hyödyntää index-metodia.

Voimme tulostaa elementin sijainnin numeron vierussijaitseviin elementteihin nähden. Esimerkiksi, meillä on numeroitu luettelo:

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

index-metodin avulla me nyt tulostamme div:n numeron:

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

Lisäksi voitaan antaa valitsin parametrina. Tarkastellaan seuraavaa HTML-koodia:

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

Nyt elementin tunnisteen nimen lisäksi me annamme parametreihin id-nimen:

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

Jos tällaista elementtiä ei löydy, metodi palauttaa -1.

Hae li:n numero, jolla on #test käyttämällä vain elementin tunnistetta.

Hae li:n numero, jolla on #first, antamalla myös valitsimen nimen.