Metoden closest

Metoden closest hittar det närmaste överordnade elementet som matchar den selector som anges som parameter till metoden. Denna metod liknar metoden parent. Sökningen går till på följande sätt: först kontrolleras det omedelbara överordnade elementet, sedan dess överordnade, därefter dess överordnade och så vidare upp till rotelementet (det vill säga till taggen html).

Syntax

Selectorn kan vara ett DOM-element, ett uttryck eller ett jQuery-objekt. Sökningen börjar från det DOM-element som skickas som parameter:

.closest(selector);

Som en andra parameter kan man också skicka ett DOM-element, då kommer sökningen att utföras inom det elementet:

.closest(selector, kontext);

Exempel

Låt oss för elementet med #test hitta dess närmaste överordnade element med klassen www och i början av det elementet infoga ett stycke med texten '!', och i slutet - ett stycke med texten '?':

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

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

HTML-koden kommer att se ut så här:

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

Se även

metoden parent,
som gör det möjligt att få elementets omedelbara överordnade element
metoden parents,
som gör det möjligt att få alla överordnade element till elementet
metoden parentsUntil,
som gör det möjligt att få alla överordnade element till elementet upp till ett angivet överordnat element
JavaScript-metoden closest,
som gör det möjligt att få det närmaste överordnade elementet