Methode parentsUntil
De methode parentsUntil verkrijgt
alle bovenliggende elementen van een element - niet alleen de directe ouder,
maar ook de grootouder, overgrootouder, enzovoort
tot aan het root-element (dus tot de tag
html).
De zoektocht naar bovenliggende elementen stopt bij
het bereiken van een ouder die voldoet aan de selector,
opgegeven als parameter van deze methode.
Syntaxis
Zoeken naar bovenliggende elementen tot aan een ouder die voldoet aan de selector. De selector kan een DOM-knooppunt, een expressie of een jQuery-object zijn. Ook kan de tweede parameter worden gebruikt voor extra filtering. Beide parameters zijn optioneel:
.parentsUntil([selector], [filter]);
De selector kan ook worden weggelaten. In dat geval
gedraagt de methode zich vergelijkbaar met de methode
parents:
.parentsUntil();
Voorbeeld
Laten we het element #test zoeken, dan
al zijn bovenliggende elementen vinden tot aan het element met de klasse
zzz met behulp van parentsUntil en
ervoor de tekst '!' plaatsen met behulp van
prepend:
<div>
<div class="zzz">
<div class="www">
<div class="www">
<p id="test">tekst</p>
</div>
</div>
</div>
</div>
$('#test').parentsUntil('.zzz').prepend('!');
De HTML-code ziet er dan zo uit:
<div>
<div class="zzz">
<div class="www">
!
<div class="www">
!<p id="test">tekst</p>
</div>
</div>
</div>
</div>
Zie ook
-
methode
parent,
die de directe ouder van een element kan verkrijgen -
methode
closest,
die het dichtstbijzijnde bovenliggende element dat aan een selector voldoet, kan verkrijgen -
methode
parents,
die alle bovenliggende elementen van een element kan verkrijgen -
methode
children,
die de onderliggende elementen van een element kan verkrijgen