Αναζήτηση μέσα σε στοιχεία που βρέθηκαν στο jQuery
Ας εξετάσουμε τώρα τη μέθοδο
find,
που αναζητά στοιχεία σύμφωνα με ένα δεδομένο επιλογέα
μέσα σε στοιχεία που έχουν ήδη βρεθεί (δηλαδή σε απογόνους
μέσα στα στοιχεία που βρέθηκαν).
Ας εξετάσουμε τη λειτουργία της μεθόδου στον ακόλουθο κώδικα HTML:
<div>
<p>κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>
</div>
<div>
<p>κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>
</div>
Πρώτα πρέπει να βρούμε όλες τις ετικέτες div,
να βάλουμε μπροστά στο κείμενό τους το '!' χρησιμοποιώντας
την prepend,
στη συνέχεια μέσα σε αυτές να βρούμε όλες τις παραγράφους χρησιμοποιώντας
τη μέθοδο find και να βάλουμε μπροστά
στο κείμενό τους το '?':
$('div').prepend('!').find('p').prepend('?');
Βρείτε όλα τα b με την κλάση
www, κάντε τα κόκκινου χρώματος,
στη συνέχεια μέσα στα στοιχεία που βρέθηκαν βρείτε τα στοιχεία
με την κλάση test και ορίστε τους μέγεθος
γραμματοσειράς σε 30px.
Βρείτε όλα τα στοιχεία με την κλάση www, κάντε τα
κόκκινου χρώματος, στη συνέχεια μέσα στα στοιχεία που
βρέθηκαν βρείτε τις παραγράφους και βάλτε τους στο
τέλος το κείμενο '!'.