Metoda parent w jQuery

Już trochę omawialiśmy metodę parent, kiedy dyskutowaliśmy o pseudoklasie parent. Przypominam, że metoda parent i selektor parent robią różne rzeczy, pierwsza znajduje rodzica elementu, a drugi wszystkie niepuste elementy (będące rodzicami).

W następnym przykładzie znajdziemy element #test, następnie znajdziemy jego rodzica za pomocą parent i ustawimy mu tekst '!'. Załóżmy, że mamy nastujący kod 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>

A teraz wpisujemy metodę parent w kodzie Javascript:

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

Nie zapomnij, że do tej metody można przekazywać selektor, dla dodatkowej filtracji rodziców.