Metoda parent në jQuery

Ne kemi diskutuar tashmë pak metodën parent, kur kemi diskutuar pseudoklasën parent. Ju kujtoj se metoda parent dhe selektori parent bëjnë gjëra të ndryshme, e para gjen prindin e elementit, ndërsa e dyta i gjen të gjithë elementet jo bosh (që janë prindër).

Në shembullin vijues, ne do të gjejmë elementin #test, pastaj do të gjejmë prindin e tij duke përdorur parent dhe do t'i vendosim tekstin '!'. Le të themi se kemi kodin HTML vijues:

<p>jashtë</p>
<div>
	<p>brenda</p>
	<p>brenda</p>
	<p id="test">brenda</p>
	<p>brenda</p>
	<p>brenda</p>
</div>
<p>jashtë</p>

Dhe tani ne shkruajmë metodën parent në kodin Javascript:

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

Mos harroni se në këtë metodë ju mund të kaloni një selektor, për filtrim shtesë të prindërve.

Gjeni prindin e elementit me klasën www dhe ngjyroseni atë në të kuqe.

Gjeni prindërit e të gjitha tegjeve b dhe bëjini ata me ngjyrë të kuqe.

Gjeni prindërit e të gjitha tegjeve b, dhe ata që kanë klasën test ngjyrosini në të kuqe.