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

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

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

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

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

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

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