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