jQuery Εκτρέπηση - prevUntil() Μέθοδος

jQuery Εκτρέπηση Εγχειρίδιο

Παράδειγμα

Αναζητήστε όλα τα στοιχεία p που έχουν την κλάση "selected" ως αδέρφια τους:

$("p").siblings(".selected")

Δοκιμάστε το προσωπικά

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

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

Γλώσσα

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

Περιγραφή

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

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

Προσέξτε αυτή τη σελίδα με βασική ενσωματωμένη λίστα:

<ul>
   <li>λίστα στοιχείο 1</li>
   <li>λίστα στοιχείο 2</li>
   <li class="third-item">λίστα στοιχείο 3</li>
   <li>λίστα στοιχείο 4</li>
   <li>λίστα στοιχείο 5</li>
</ul>

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

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

Δοκιμάστε το προσωπικά

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

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

jQuery Εκτρέπηση Εγχειρίδιο