Az index metódus a jQuery-ben

Ha meg kell találnunk egy elem sorszámát a halmazban, akkor használhatjuk a index metódust.

Kiírathatjuk az elem pozíciójának számát a szomszédos elemekhez képest. Például van egy sorszámozott listánk:

<ol>
	<li>szöveg</li>
	<li id="test">szöveg</li>
	<li>szöveg</li>
</ol>
<div>szöveg</div>

Az index metódus segítségével most kiírjuk a div sorszámát:

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

Továbbá megadhatunk egy szelektort paraméterként. Vizsgáljuk meg a következő HTML kódot:

<ol>
	<li id="first">szöveg</li>
	<li id="test">szöveg</li>
	<li>szöveg</li>
</ol>
<div>szöveg</div>

Most az elem tag neve mellett átadjuk paraméterként a id nevét is:

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

Ha nem található ilyen elem, akkor a metódus -1-et ad vissza.

Szerezd meg a li sorszámát a #test-el, csak az elem tag nevének használatával.

Szerezd meg a li sorszámát a #first-el, megadva továbbá a szelektor nevét is.