Die Methode closest

Die Methode closest findet das nächstgelegene Elternelement, das dem als Parameter der Methode übergebenen Selektor entspricht. Diese Methode ähnelt der Methode parent. Die Suche verläuft wie folgt: Zuerst wird das unmittelbare Elternelement geprüft, dann das Großelternelement, das Urgroßelternelement und so weiter bis zum Wurzelelement (also bis zum Tag html).

Syntax

Als Selektor kann ein DOM-Element, ein Ausdruck oder ein jQuery-Objekt dienen. Die Suche beginnt mit dem als Parameter übergebenen DOM-Element:

.closest(Selektor);

Als zweiten Parameter kann man auch ein DOM-Element übergeben, dann wird die Suche in diesem Element durchgeführt:

.closest(Selektor, Kontext);

Beispiel

Lassen Sie uns für das Element mit #test das nächstgelegene Elternelement mit der Klasse www finden und am Anfang dieses Elements einen Absatz mit dem Text '!' einfügen, und am Ende - einen Absatz mit dem Text '?':

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

$('#test').closest('.www').append('<p>?</p>').prepend('<p>!</p>');

Der HTML-Code wird dann so aussehen:

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

Siehe auch

die Methode parent,
die es erlaubt, den unmittelbaren Elternteil eines Elements zu erhalten
die Methode parents,
die es erlaubt, alle Elternelemente des Elements zu erhalten
die Methode parentsUntil,
die es erlaubt, alle Elternelemente des Elements bis zum angegebenen Elternelement zu erhalten
die JavaScript-Methode closest,
die es erlaubt, das nächstgelegene Elternelement zu erhalten