Η μέθοδος parent στο jQuery

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

Στο επόμενο παράδειγμα, θα βρούμε το στοιχείο #test, στη συνέχεια θα βρούμε τον γονέα του χρησιμοποιώντας την parent και θα του ορίσουμε το κείμενο '!'. Ας υποθέσουμε ότι έχουμε τον ακόλουθο κώδικα HTML:

<p>έξω</p>
<div>
	<p>μέσα</p>
	<p>μέσα</p>
	<p id="test">μέσα</p>
	<p>μέσα</p>
	<p>μέσα</p>
</div>
<p>έξω</p>

Και τώρα γράφουμε τη μέθοδο parent στον κώδικα Javascript:

$('#test').parent().html('!');

Μην ξεχνάτε ότι σε αυτή τη μέθοδο μπορείτε να περάσετε έναν επιλογέα, για επιπλέον φιλτράρισμα των γονέων.

Βρείτε τον γονέα του στοιχείου με την κλάση www και βάψτε τον με κόκκινο χρώμα.

Βρείτε τους γονείς όλων των ετικετών b και κάντε τα κόκκινο χρώμα.

Βρείτε τους γονείς όλων των ετικετών b, και αυτές, που έχουν την κλάση test βαψτε τα σε κόκκινο χρώμα.