De methode closest

De methode closest vindt het dichtstbijzijnde bovenliggende element dat voldoet aan de selector die als parameter aan de methode is doorgegeven. Deze methode is vergelijkbaar met de methode parent. De zoekopdracht verloopt als volgt: eerst wordt de directe ouder van het element gecontroleerd, dan de grootouder, overgrootouder en zo verder tot het root-element (dus tot de tag html).

Syntaxis

De selector kan een DOM-element, een expressie of een jQuery-object zijn. De zoekopdracht begint bij het als parameter doorgegeven DOM-element:

.closest(selector);

Als tweede parameter kan ook een DOM-element worden doorgegeven, dan wordt de zoekopdracht binnen dat element uitgevoerd:

.closest(selector, context);

Voorbeeld

Laten we voor het element met #test de dichtstbijzijnde ouder met de klasse www vinden en aan het begin van dit element een alinea met de tekst '!' invoegen, en aan het einde - een alinea met de tekst '?':

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

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

De HTML-code ziet er dan zo uit:

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

Zie ook

methode parent,
die het mogelijk maakt om de directe ouder van een element te verkrijgen
methode parents,
die het mogelijk maakt om alle ouders van een element te verkrijgen
methode parentsUntil,
die het mogelijk maakt om alle ouders van een element te verkrijgen tot aan de opgegeven ouder
JavaScript-methode closest,
die het mogelijk maakt om het dichtstbijzijnde bovenliggende element te verkrijgen