jQuery περιήγηση - Μέθοδος eq()
Παράδειγμα
Προσθέτοντας την κατάλληλη κλάση στον div με index 2, τον κάνουμε μπλε:
$("body").find("div").eq(2).addClass("blue");
Ορισμός και χρήση
Η μέθοδος eq() μειώνει τη συλλογή στοιχείων σε ένα στοιχείο στο καθορισμένο index.
Γλώσσα
.eq(index)
| Παράμετρος | Περιγραφή |
|---|---|
| index |
Αριθμός, που δείχνει τη θέση του στοιχείου (το μικρότερο είναι 0). Αν είναι αρνητικός αριθμός, μετρά από τον τελευταίο στοιχείο της συλλογής προς τα πίσω. |
Συμπεριγραφή
Αν δοθεί ένα αντικείμενο jQuery που αντιπροσωπεύει μια συλλογή στοιχείων DOM, η μέθοδος .eq() θα δημιουργήσει ένα νέο αντικείμενο jQuery με ένα στοιχείο της συλλογής. Ο παραμέτρος index δείχνει τη θέση του στοιχείου στη συλλογή.
Δείτε την παρακάτω απλή λίστα:
<ul> <li>στοιχείο λίστας 1</li> <li>στοιχείο λίστας 2</li> <li>στοιχείο λίστας 3</li> <li>στοιχείο λίστας 4</li> <li>στοιχείο λίστας 5</li> </ul>
Παράδειγμα 1
Μπορούμε να εφαρμόσουμε αυτή τη μέθοδο σε αυτή τη συλλογή αντικειμένων λίστας:
$('li').eq(2).css('background-color', 'red');
Το αποτέλεσμα αυτής της κλήσης είναι να οριστεί το κόκκινο περιβάλλον για το στοιχείο 3. Προσέξτε ότι ο index είναι από το μηδέν και αναφέρεται στη θέση του στοιχείου στον αντικείμενο jQuery, όχι στο δέντρο DOM.
Παράδειγμα 2
Αν παρέχεται αρνητικός αριθμός, δείχνει τη θέση από την άκρη της συλλογής, όχι από την αρχή. Για παράδειγμα:
$('li').eq(-2).css('background-color', 'red');
Αυτή τη φορά, η υπογραμμισμένη υποκείμενη της ένδειξης 4 γίνεται κόκκινη, γιατί είναι η δεύτερη από την άκρη της συλλογής.
Παράδειγμα 3
Αν δεν μπορεί να βρεθεί στοιχείο με βάση τον καθορισμένο παραμέτρων index, η μέθοδος δημιουργεί ένα νέο αντικείμενο jQuery με κενή συλλογή, όπου η ιδιότητα length είναι 0.
$('li').eq(5).css('background-color', 'red');
Εδώ, καμία εγγραφή λίστας δεν θα γίνει κόκκινη, γιατί η .eq(5) δείχνει την έشمιστη εγγραφή της λίστας.
