Die closest Metode

Die metode closest vind die naaste ouer element wat aan die selektor voldoen wat as parameter van die metode gespesifiseer is. Hierdie metode is soortgelyk aan die metode parent. Die soektog werk soos volg: eers word die onmiddellike ouer van die element nagegaan, dan die grootouer, die oorgrootouer en so aan tot by die wortel element (dit wil sê tot by die html etiket).

Sintaksis

Die selektor kan 'n DOM element, 'n uitdrukking of 'n jQuery voorwerp wees. Die soektog begin by die DOM element wat as parameter oorgedra is:

.closest(selektor);

As 'n tweede parameter kan ook 'n DOM element oorgedra word, dan sal die soektog in daardie element plaasvind:

.closest(selektor, konteks);

Voorbeeld

Kom ons vind vir die element met #test die naaste ouer met die klas www en voeg aan die begin van daardie element 'n paragraaf met teks '!' in, en aan die einde - 'n paragraaf met teks '?':

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

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

Die HTML-kode sal so lyk:

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

Sien ook

die metode parent,
wat dit moontlik maak om die onmiddellike ouer van 'n element te verkry
die metode parents,
wat dit moontlik maak om al die ouers van 'n element te verkry
die metode parentsUntil,
wat dit moontlik maak om al die ouers van 'n element tot by 'n gespesifiseerde ouer te verkry
JavaScript metode closest,
wat dit moontlik maak om die naaste ouer element te verkry