parent-metodi

parent-metodi hankii elementin välittömän vanhemman.

Syntaksi

Välittömän vanhemman hankinta elementeille:

.parent();

Voi myös valita välittömän vanhemman, vain jos se täyttää määritetyn valitsimen:

.parent(valitsin);

Esimerkki

Etsitään elementti #test sitten etsitään sen vanhempi parent-metodilla ja asetetaan sille teksti '!' html-metodilla:

<p>ulkona</p>
<div>
	<p>sisällä</p>
	<p>sisällä</p>
	<p id="test">sisällä</p>
	<p>sisällä</p>
	<p>sisällä</p>
</div>
<p>ulkona</p>

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

HTML-koodi muuttuu näyttämään tältä:

<p>ulkona</p>
<div>
	!
</div>
<p>ulkona</p>

Esimerkki

Etsitään elementti #test sitten etsitään sen vanhempi parent-metodilla ja, jos tämä vanhempi on div luokalla www, asetetaan sille teksti '!' html-metodilla:

<p>ulkona</p>
<div class="www">
	<p>sisällä</p>
	<p>sisällä</p>
	<p id="test">sisällä</p>
	<p>sisällä</p>
	<p>sisällä</p>
</div>
<p>ulkona</p>

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

HTML-koodi muuttuu näyttämään tältä:

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

Katso myös

metodi parents,
joka mahdollistaa kaikkien elementin vanhempien hankinnan
metodi closest,
joka mahdollistaa lähimmän vanhemman elementin hankinnan, joka täyttää valitsimen
metodi parentsUntil,
joka mahdollistaa kaikkien elementin vanhempien hankinnan määritettyyn vanhempaan asti
metodi children,
joka mahdollistaa elementin jälkeläisten hankinnan
metodi contents,
joka mahdollistaa elementin jälkeläisten ja elementin sisällä olevan tekstin hankinnan