Η μέθοδος index στο jQuery

Αν χρειαζόμαστε να βρούμε τον αριθμό ενός στοιχείου σε ένα σύνολο, τότε μπορούμε να χρησιμοποιήσουμε τη μέθοδο index.

Μπορούμε να εμφανίσουμε τον αριθμό θέσης ενός στοιχείου σε σχέση με γειτονικά του. Για παράδειγμα, ας υποθέσουμε ότι έχουμε μια αριθμημένη λίστα:

<ol>
	<li>κείμενο</li>
	<li id="test">κείμενο</li>
	<li>κείμενο</li>
</ol>
<div>κείμενο</div>

Χρησιμοποιώντας τη μέθοδο index θα εμφανίσουμε τώρα τον αριθμό του div:

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

Επίσης, μπορούμε επιπλέον να περάσουμε έναν επιλογέα. Ας εξετάσουμε τον ακόλουθο κώδικα HTML:

<ol>
	<li id="first">κείμενο</li>
	<li id="test">κείμενο</li>
	<li>κείμενο</li>
</ol>
<div>κείμενο</div>

Τώρα, εκτός από το όνομα της ετικέτας του στοιχείου περνάμε στις παραμέτρους το όνομα του id:

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

Αν δεν βρεθεί τέτοιο στοιχείο, η μέθοδος θα επιστρέψει -1.

Πάρτε τον αριθμό του li με #test χρησιμοποιώντας μόνο το όνομα της ετικέτας του στοιχείου.

Πάρτε τον αριθμό του li με #first, καθορίζοντας επίσης και το όνομα του επιλογέα.