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:
.parentsUntil([valitsin], [suodatin]);
Valitsinta ei tarvitse määrittää, tässä tapauksessa
metodi käyttäytyy samoin kuin
parents-metodi:
.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:
<div>
<div class="zzz">
<div class="www">
<div class="www">
<p id="test">teksti</p>
</div>
</div>
</div>
</div>
$('#test').parentsUntil('.zzz').prepend('!');
HTML-koodi muuttuu näyttämään tältä:
<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