parents-metodi

parents-metodi hakee kaikki elementin yläelementit - ei vain välittömän vanhemman, vaan myös isovanhemman, isoisovanhemman ja niin edelleen aina juurielementtiin asti (eli html-tagiin).

Syntaksi

Kaikkien yläelementtien haku elementeille:

.parents();

Voit myös valita yläelementit vain, jos ne täyttävät annetun valitsimen ehdot:

.parents(valitsin);

Esimerkki

Etsitään elementti #test, sitten etsitään kaikki sen yläelementit parents-metodilla ja, jos ne ovat div-yläelementtejä, joilla on luokka www, aseta niiden alkuun teksti '!' käyttämällä prepend-metodia:

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

$('#test').parents('div.www').prepend('!');

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

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

Katso myös

metodi parent,
jolla saa elementin välittömän yläelementin
metodi parentsUntil,
jolla saa kaikki elementin yläelementit annettuun yläelementtiin asti
metodi closest,
jolla saa lähimmän yläelementin, joka täyttää valitsimen ehdot
metodi contents,
jolla saa elementin alaelementit ja elementin sisällä olevan tekstin