Metoda parent

Metoda parent obține părintele direct al elementului.

Sintaxă

Obținerea părintelui direct pentru elemente:

.parent();

De asemenea, poți selecta părintele direct, doar dacă acesta satisface selectorul specificat:

.parent(selector);

Exemplu

Să găsim elementul #test apoi să-i găsim părintele folosind parent și să-i setăm textul '!' folosind html:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

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

Codul HTML va arăta astfel:

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

Exemplu

Să găsim elementul #test apoi să-i găsim părintele folosind parent și, dacă acest părinte este div cu clasa www, atunci să-i setăm textul '!' folosind html:

<p>outside</p>
<div class="www">
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

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

Codul HTML va arăta astfel:

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>

Vezi și

metoda parents,
care permite obținerea tuturor părinților elementului
metoda closest,
care permite obținerea celui mai apropiat element părinte care satisface selectorul
metoda parentsUntil,
care permite obținerea tuturor părinților elementului până la părintele specificat
metoda children,
care permite obținerea descendenților elementului
metoda contents,
care permite obținerea descendenților elementului și a textului din interiorul acestui element