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