Μέθοδος 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>
$('#test').parent().html('!');
Ο κώδικας HTML θα γίνει ως εξής:
<p>έξω</p>
<div>
!
</div>
<p>έξω</p>
Παράδειγμα
Ας βρούμε το στοιχείο #test και στη συνέχεια
βρείτε τον γονέα του χρησιμοποιώντας parent
και, εάν αυτός ο γονέας είναι div με κλάση www,
τότε ορίστε του το κείμενο '!' χρησιμοποιώντας
html:
<p>έξω</p>
<div class="www">
<p>μέσα</p>
<p>μέσα</p>
<p id="test">μέσα</p>
<p>μέσα</p>
<p>μέσα</p>
</div>
<p>έξω</p>
$('#test').parent('div.www').html('!');
Ο κώδικας HTML θα γίνει ως εξής:
<p>έξω</p>
<div class="www">
!
</div>
<p>έξω</p>
Δείτε επίσης
-
μέθοδος
parents,
που επιτρέπει τη λήψη όλων των γονέων ενός στοιχείου -
μέθοδος
closest,
που επιτρέπει τη λήψη του πλησιέστερου γονικού στοιχείου που ικανοποιεί τον επιλογέα -
μέθοδος
parentsUntil,
που επιτρέπει τη λήψη όλων των γονέων ενός στοιχείου μέχρι τον καθορισμένο γονέα -
μέθοδος
children,
που επιτρέπει τη λήψη των απογόνων ενός στοιχείου -
μέθοδος
contents,
που επιτρέπει τη λήψη των απογόνων ενός στοιχείου και του κειμένου μέσα σε αυτό το στοιχείο