Metoda parent

Metoda parent získá přímého rodiče prvku.

Syntaxe

Získání přímého rodiče pro prvky:

javascript.parent();

Lze také vybrat přímého rodiče, pouze pokud vyhovuje zadanému selektoru:

javascript.parent(selektor);

Příklad

Pojďme najít prvek #test poté najdeme jeho rodiče pomocí parent a nastavíme mu text '!' pomocí 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 poté vypadat takto:

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

Příklad

Pojďme najít prvek #test poté najdeme jeho rodiče pomocí parent a, pokud je tento rodič div s třídou www, nastavíme mu text '!' pomocí 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 poté vypadat takto:

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

Viz také

  • metoda parents,
    která umožňuje získat všechny rodiče prvku
  • metoda closest,
    která umožňuje získat nejbližší rodičovský prvek vyhovující selektoru
  • metoda parentsUntil,
    která umožňuje získat všechny rodiče prvku až do určeného rodiče
  • metoda children,
    která umožňuje získat potomky prvku
  • metoda contents,
    která umožňuje získat potomky prvku a text uvnitř tohoto prvku