Metóda parent

Metóda parent získava priameho rodiča prvku.

Syntax

Získanie priameho rodiča pre prvky:

.parent();

Je možné tiež vybrať priameho rodiča, len ak spĺňa zadaný selektor:

.parent(selektor);

Nájdime prvok #test potom nájdime jeho rodiča pomocou parent a nastavme mu text '!' pomocou html:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

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

HTML kód bude vyzerať takto:

<p>outside</p>
<div>
	!
</div>
<p>outside</p>

Nájdime prvok #test potom nájdime jeho rodiča pomocou parent a, ak tento rodič je div s triedou www, nastavme mu text '!' pomocou html:

<p>outside</p>
<div class="www">
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

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

HTML kód bude vyzerať takto:

<p>outside</p>
<div class="www">
	!
</div>
<p>outside</p>

metóda parents,
ktorá umožňuje získať všetkých rodičov prvku
metóda closest,
ktorá umožňuje získať najbližší nadradený prvok, ktorý spĺňa selektor
metóda parentsUntil,
ktorá umožňuje získať všetkých rodičov prvku až po určeného rodiča
metóda children,
ktorá umožňuje získať potomkov prvku
metóda contents,
ktorá umožňuje získať potomkov prvku a text vo vnútri tohto prvku