Metoda parent v jQuery

Už jsme se trochu zabývali metodou parent, když jsme probírali pseudotřídu parent. Připomínám, že metoda parent a selektor parent dělají různé věci, první najde rodiče elementu, zatímco druhý všechny neprázdné elementy (které jsou rodiči).

V následujícím příkladu najdeme element #test, poté najdeme jeho rodiče pomocí parent a nastavíme mu text '!'. Předpokládejme, že máme následující HTML kód:

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>

A nyní zapíšeme metodu parent do Javascript kódu:

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

Nezapomeňte, že této metodě lze předávat selektor pro dodatečné filtrování rodičů.