parent-metodi

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

Syntaksi

Välittömän vanhemman hankinta elementeille:

javascript.parent();

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

javascript.parent(valitsin);

Esimerkki

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

html<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>

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

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

html<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:

html<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>

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

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

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

Katso myös