parent meetod jQuery-s

Me oleme juba veidi käsitlenud parent meetodit, kui arutasime parent pseudoklassi. Tuletan meelde, et meetod parent ja valija parent teevad erinevaid asju, esimene leiab elemendi vanema, aga teine kõik mittetühjad elemendid (mis on vanemad).

Järgmises näites leiame elemendi #test, siis leiame selle vanema kasutades parent ja määrame sellele teksti '!'. Olgu meil järgmine HTML kood:

<p>väljas</p>
<div>
	<p>sees</p>
	<p>sees</p>
	<p id="test">sees</p>
	<p>sees</p>
	<p>sees</p>
</div>
<p>väljas</p>

Ja nüüd kirjutame meetodi parent Javascript koodi:

$('#test').parent().html('!');

Ärge unustage, et sellele meetodile saab edastada valijat, vanemate täiendavaks filtreerimiseks.

Leia elemendi, mille klass on www, vanem ja värvi see punaseks värviks.

Leia kõikide b siltide vanemad ja tee need punaseks värviks.

Leia kõikide b siltide vanemad, ja need, millel on klass test, värvi punaseks värviks.