jQuery Εκσκαύση - Μέθοδος next()

jQuery Εκσκαύση Σημείωσης Εγχειρίδιο

Παράδειγμα

Αναζητήστε το αδέρφιο στοιχείο που ακολουθεί κάθε στοιχείο του παραγράφου, και επιλέξτε μόνο τους παραγράφους με την κλάση "selected":

$("p").next(".selected").css("background", "yellow");

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

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

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

Γλώσσα

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

Λεπτομερής περιγραφή

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

Αυτή η μέθοδος αποδέχεται επιλογή εκφράσεων που είναι τύπου αυτών που έχω μεταφέρει στη συνάρτηση $(). Αν ταιριάζει το επόμενο αδέρφιο στο εκφρασμό, θα παραμείνει στο νέο κατασκευασμένο αντικείμενο 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').next().css('background-color', 'red');

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

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

jQuery Εκσκαύση Σημείωσης Εγχειρίδιο