jQuery αναζήτηση - μέθοδος prev()
Παράδειγμα
Αναζητά κάθε παραγραφή και βρίσκει τον προηγούμενο αδέρφο που έχει την κλάση "selected":
$("p").prev(".selected")
Ορισμός και χρήση
prev() παίρνει το προηγούμενο αδέρφος κάθε στοιχείου από τη συλλογή που ταιριάζει, η φιλτράρισμα με έκφραση επιλογής είναι προαιρετικό.
.prev(selector)
Παράμετρος | Περιγραφή |
---|---|
selector | Αξία αλφαβητική, που περιέχει την έκφραση επιλογής που χρησιμοποιείται για την σύγκριση των στοιχείων. |
Περιγραφή
Αν δώσουμε ένα αντικείμενο jQuery που αντιπροσωπεύει συλλογή στοιχείων DOM, η μέθοδος .prev() επιτρέπει να αναζητήσουμε τους προηγούμενους αδέρφους στο δέντρο 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').prev().css('background-color', 'red');
Προσπάθησε να το δοκιμάσεις προσωπικά
Το αποτέλεσμα που καλείται εδώ είναι να ορίσει το φόντο του έργου 2 σε κόκκινο χρώμα. Επειδή δεν εφαρμόσαμε έκφραση επιλογής, ο προηγούμενος στοιχείο γίνεται φυσικά μέρος του αντικειμένου. Αν εφαρμόσουμε έκφραση επιλογής, θα ελέγξει αν το στοιχείο ταιριάζει στην έκφραση πριν περιλάβει το στοιχείο.