parents-metodi

parents-metodi hakee kaikki elementin yläelementit - ei vain välittömän vanhemman, vaan myös isovanhemman, isoisovanhemman ja niin edelleen aina juurielementtiin asti (eli html-tagiin).

Syntaksi

Kaikkien yläelementtien haku elementeille:

javascript.parents();

Voit myös valita yläelementit vain, jos ne täyttävät annetun valitsimen ehdot:

javascript.parents(valitsin);

Esimerkki

Etsitään elementti #test, sitten etsitään kaikki sen yläelementit parents-metodilla ja, jos ne ovat div-yläelementtejä, joilla on luokka www, aseta niiden alkuun teksti '!' käyttämällä prepend-metodia:

html<div>
  <div class="www">
    <div class="www">
      <p id="test">teksti</p>
    </div>
  </div>
</div>
javascript$('#test').parents('div.www').prepend('!');

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

html<div>
  <div class="www">
    !
    <div class="www">
      !<p id="test">teksti</p>
    </div>
  </div>
</div>

Katso myös

  • metodi parent,
    jolla saa elementin välittömän yläelementin
  • metodi parentsUntil,
    jolla saa kaikki elementin yläelementit annettuun yläelementtiin asti
  • metodi closest,
    jolla saa lähimmän yläelementin, joka täyttää valitsimen ehdot
  • metodi contents,
    jolla saa elementin alaelementit ja elementin sisällä olevan tekstin