Methode parentsUntil

Die Methode parentsUntil ruft alle übergeordneten Elemente eines Elements ab - nicht nur den unmittelbaren Elternknoten, sondern auch Großeltern, Urgroßeltern und so weiter bis zum Wurzelelement (also bis zum html-Tag). Die Suche nach übergeordneten Elementen endet, sobald ein Elternelement erreicht wird, das dem Selektor entspricht, der als Parameter dieser Methode angegeben wurde.

Syntax

Suche nach übergeordneten Elementen bis zu einem Elternelement, das dem Selektor entspricht. Als Selektor kann ein DOM-Knoten, ein Ausdruck oder ein jQuery-Objekt dienen. Alternativ kann der zweite Parameter für eine zusätzliche Filterung verwendet werden. Beide Parameter sind optional:

.parentsUntil([Selektor], [Filter]);

Der Selektor kann auch weggelassen werden. In diesem Fall verhält sich die Methode ähnlich wie die Methode parents:

.parentsUntil();

Beispiel

Lassen Sie uns das Element #test finden und dann alle seine übergeordneten Elemente bis zum Element mit der Klasse zzz mit Hilfe von parentsUntil abrufen und diesen den Text '!' mit Hilfe von prepend voranstellen:

<div>
	<div class="zzz">
		<div class="www">
			<div class="www">
				<p id="test">text</p>
			</div>
		</div>
	</div>
</div>

$('#test').parentsUntil('.zzz').prepend('!');

Der HTML-Code sieht dann so aus:

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

Siehe auch

Methode parent,
die es erlaubt, den unmittelbaren Elternknoten eines Elements zu erhalten
Methode closest,
die es erlaubt, das nächstgelegene übergeordnete Element, das einem Selektor entspricht, zu erhalten
Methode parents,
die es erlaubt, alle übergeordneten Elemente eines Elements zu erhalten
Methode children,
die es erlaubt, die untergeordneten Elemente eines Elements zu erhalten