Μέθοδος περιήγησης jQuery - nextAll()

Εγχειρίδιο περιήγησης jQuery

Παράδειγμα

Αναζητήστε την πρώτη κλάση div μετά από αυτή και προσθέστε την κλάση:

$("div:first").nextAll().addClass("after");

Προσπαθήστε να το δοκιμάσετε προσωπικά

Ορισμός και χρήση

Η μεθόδος nextAll() αποκτά όλα τα επόμενα αδελφά στοιχεία κάθε στοιχείου που ταιριάζει στη συλλογή, το φιλτράρισμα με βάση τον επιλογέα είναι προαιρετικό.

Γλώσσα

.nextAll(selector)
Παράμετροι Περιγραφή
selector Αξία αλφαβητική, περιέχει την έκφραση επιλογής που χρησιμοποιείται για την αντιστοιχία στοιχείων.

Συμπεριφερσιές

Αν δοθεί ένα αντικείμενο jQuery που αντιπροσωπεύει μια συλλογή στοιχείων DOM, η μέθοδος .nextAll() επιτρέπει την αναζήτηση των επόμενων αδελφών στοιχείων στο δέντρο DOM και τη δημιουργία νέου αντικειμένου jQuery από τα ταιριάζοντα στοιχεία.

Αυτή η μέθοδος αποδέχεται προαιρετική έκφραση επιλογής, του ίδιου τύπου που έχω παραδώσει στη συνάρτηση $(). Αν εφαρμόσουμε επιλογή, θα γίνει φιλτράρισμα των στοιχείων με βάση αν ταιριάζουν.

Ας σκεφτούμε την παρακάτω σελίδα με απλή λίστα:

<ul>
   <li>list item 1</li>
   <li>list item 2</li>
   <li class="third-item">list item 3</li>
   <li>list item 4</li>
   <li>list item 5</li>
</ul>

Αν ξεκινήσουμε από το έργο τρία, τότε μπορούμε να βρούμε τα στοιχεία που εμφανίζονται μετά από αυτό:

$('li.third-item').nextAll().css('background-color', 'red');

Προσπαθήστε να το δοκιμάσετε προσωπικά

Το αποτέλεσμα της συγκεκριμένης κλήσης είναι ότι τα έργα 4 και 5 έχουν ρυθμιστεί με φόντο κόκκινο. Επειδή δεν έχουμε εφαρμόσει έκφραση επιλογής, ο επόμενος αυτός στοιχείο είναι σαφώς συμπεριλαμβανόμενο ως μέρος του αντικειμένου. Αν έχουμε ήδη εφαρμόσει επιλογή, θα ελέγχεται αν ταιριάζει πριν από την προσθήκη του.

Εγχειρίδιο περιήγησης jQuery