Metóda parent

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

Syntax

Získanie priameho rodiča pre prvky:

javascript.parent();

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

javascript.parent(selektor);

Príklad

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

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>
javascript$('#test').parent().html('!');

HTML kód bude vyzerať takto:

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

Príklad

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:

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>
javascript$('#test').parent('div.www').html('!');

HTML kód bude vyzerať takto:

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

Pozrite tiež

  • 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