Μέθοδος 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,
που επιτρέπει τη λήψη των απογόνων ενός στοιχείου και του κειμένου μέσα σε αυτό το στοιχείο