closest-metodi

closest-metodi löytää lähimmän vanhempaelementin, joka täyttää metodin parametrina annetun valitsimehdon. Tämä metodi on samankaltainen kuin parent-metodi. Haku tapahtuu seuraavasti: ensin tarkistetaan elementin välitön vanhempi, sitten isovanhempi, isoisovanhempi ja niin edelleen aina juurielementtiin (eli html-tagiin) asti.

Syntaksi

Valitsin voi olla DOM-elementti, lauseke tai jQuery-olio. Haku alkaa parametrina annetusta DOM-elementistä:

.closest(valitsin);

Toisena parametrina voidaan antaa myös DOM-elementti, jolloin haku tapahtuu kyseisessä elementissä:

.closest(valitsin, konteksti);

Esimerkki

Etsitään elementille, jolla on #test, lähin vanhempi, jolla on luokka www ja lisätään tämän elementin alkuun kappale, jossa on teksti '!', ja loppuun kappale, jossa on teksti '?':

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

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

HTML-koodi muuttuu näyttämään tältä:

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

Katso myös

parent-metodi,
jolla saadaan elementin välitön vanhempi
parents-metodi,
jolla saadaan kaikki elementin vanhemmat
parentsUntil-metodi,
jolla saadaan kaikki elementin vanhemmat annettuun vanhempaan asti
JavaScriptin closest-metodi,
jolla saadaan lähin vanhempaelementti