Αναζήτηση όλων των γονέων στο jQuery
Η μέθοδος parent λαμβάνει τον άμεσο
γονέα του στοιχείου. Για να λάβετε όλους
τους γονείς ενός στοιχείου - όχι μόνο τον άμεσο,
αλλά και τον παππού, τον προ-παππού και ούτω καθεξής μέχρι
το ριζικό στοιχείο, χρησιμοποιείται η μέθοδος
parents.
Στο ακόλουθο παράδειγμα, θα εξετάσουμε τον ακόλουθο κώδικα HTML:
<div>
<div class="www">
<div class="www">
<p id="test">text</p>
</div>
</div>
</div>
Στη συνέχεια, θα βρούμε το στοιχείο #test και
όλους τους γονείς του χρησιμοποιώντας την parents
και, εάν είναι γονείς div με κλάση www,
θα προσθέσουμε το κείμενο '!' στην αρχή τους:
$('#test').parents('div.www').prepend('!');
Βρείτε ΟΛΟΥΣ τους γονείς των ετικετών b, και εκείνες,
που έχουν την κλάση test
βάψτε τα κόκκινο.