Die index-metode in jQuery
As ons die nommer van 'n element in 'n versameling moet vind,
kan ons die
index-metode
gebruik.
Ons kan die posisienommer van 'n element relatief tot sy bure uitvoer. Byvoorbeeld, ons het 'n genommerde lys:
<ol>
<li>teks</li>
<li id="toets">teks</li>
<li>teks</li>
</ol>
<div>teks</div>
Met behulp van die
index-metode
sal ons nou die nommer van die div uitvoer:
let nommer = $('div').index();
waarsku(nommer);
'n Selektor kan ook addisioneel oorgedra word. Laat ons die volgende HTML-kode oorweeg:
<ol>
<li id="eerste">teks</li>
<li id="toets">teks</li>
<li>teks</li>
</ol>
<div>teks</div>
Nou gee ons, benewens die element se tagnaam,
ook die id-naam as parameter:
let nommer = $('li').index($('#toets'));
waarsku(nommer);
As so 'n element nie gevind word nie,
sal die metode -1 teruggee.
Kry die nommer van die li met #toets
deur slegs die element se tagnaam te gebruik.
Kry die nommer van die li met #eerste,
deur ook die selekternaam te spesifiseer.