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:

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

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

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

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

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

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