A parent metódus jQuery-ben

Már foglalkoztunk egy kicsit a parent metódussal, amikor a parent pszeudoosztályt tárgyaltuk. Emlékeztetőül, a parent metódus és a parent szelektor más-más dolgot csinál; az első egy elem szülőjét keresi meg, míg a második az összes nem üres elemet (amelyek szülőként szolgálnak).

A következő példában megtaláljuk a #test elemet, majd a parent segítségével megkeressük annak szülőjét, és beállítjuk a szövegét '!' értékre. Tegyük fel, hogy a következő HTML kódunk van:

<p>kívül</p>
<div>
	<p>belül</p>
	<p>belül</p>
	<p id="test">belül</p>
	<p>belül</p>
	<p>belül</p>
</div>
<p>kívül</p>

És most a Javascript kódban használjuk a parent metódust:

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

Ne feledjétek, hogy ennek a metódusnak átadhatunk egy szelektort a szülők további szűréséhez.

Keressétek meg a www osztállyal rendelkező elem szülőjét, és színezzétek pirosra.

Keressétek meg az összes b tag szülőit, és tegyétek azokat piros színűvé.

Keressétek meg az összes b tag szülőit, és azokat, amelyek rendelkeznek a test osztállyal, színezzétek pirosra.