parentsUntil-metodi

parentsUntil-metodi hakee kaikki elementin vanhemmat - ei vain välittömän vanhemman, vaan myös isovanhemman, isoisovanhemman ja niin edelleen aina juurielementtiin saakka (eli html-tagiin). Vanhempien haku päättyy, kun saavutetaan vanhempi, joka vastaa tämän metodin parametrina annettua valitsinta.

Syntaksi

Vanhemman haku kunnes vanhempi vastaa valitsinta, valitsijana voi olla DOM-solmu, lauseke tai jQuery-olio, voit myös käyttää toista parametria lisäsuodatukseen. Molemmat parametrit ovat valinnaisia:

javascript.parentsUntil([valitsin], [suodatin]);

Valitsinta ei tarvitse määrittää, tässä tapauksessa metodi käyttäytyy samoin kuin parents-metodi:

javascript.parentsUntil();

Esimerkki

Etsitään elementti #test sitten etsitään kaikki sen vanhemmat aina elementtiin, jolla on luokka zzz, asti käyttäen parentsUntil-metodia ja asetaan niiden alkuun teksti '!' käyttäen prepend-metodia:

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

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

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

Katso myös

  • metodi parent,
    joka mahdollistaa elementin välittömän vanhemman hakemisen
  • metodi closest,
    joka mahdollistaa lähimmän vanhemman elementin, joka täyttää valitsimen, hakemisen
  • metodi parents,
    joka mahdollistaa kaikkien elementin vanhempien hakemisen
  • metodi children,
    joka mahdollistaa elementin jälkeläisten hakemisen