Metoda parent

Metoda parent pobiera bezpośredni element nadrzędny.

Składnia

Pobieranie bezpośredniego elementu nadrzędnego dla elementów:

javascript.parent();

Można również wybrać bezpośredni element nadrzędny, tylko jeśli spełnia on podany selektor:

javascript.parent(selektor);

Przykład

Znajdźmy element #test, następnie znajdźmy jego element nadrzędny za pomocą parent i ustawmy mu tekst '!' za pomocą html:

html<p>na zewnątrz</p>
<div>
  <p>wewnątrz</p>
  <p>wewnątrz</p>
  <p id="test">wewnątrz</p>
  <p>wewnątrz</p>
  <p>wewnątrz</p>
</div>
<p>na zewnątrz</p>
javascript$('#test').parent().html('!');

Kod HTML będzie wyglądać tak:

html<p>na zewnątrz</p>
<div>
  !
</div>
<p>na zewnątrz</p>

Przykład

Znajdźmy element #test, następnie znajdźmy jego element nadrzędny za pomocą parent i, jeśli ten element nadrzędny to div z klasą www, to ustawmy mu tekst '!' za pomocą html:

html<p>na zewnątrz</p>
<div class="www">
  <p>wewnątrz</p>
  <p>wewnątrz</p>
  <p id="test">wewnątrz</p>
  <p>wewnątrz</p>
  <p>wewnątrz</p>
</div>
<p>na zewnątrz</p>
javascript$('#test').parent('div.www').html('!');

Kod HTML będzie wyglądać tak:

html<p>na zewnątrz</p>
<div class="www">
  !
</div>
<p>na zewnątrz</p>

Zobacz też

  • metoda parents,
    która pozwala pobrać wszystkie elementy nadrzędne elementu
  • metoda closest,
    która pozwala pobrać najbliższy element nadrzędny spełniający selektor
  • metoda parentsUntil,
    która pozwala pobrać wszystkie elementy nadrzędne elementu do wskazanego elementu nadrzędnego
  • metoda children,
    która pozwala pobrać elementy potomne
  • metoda contents,
    która pozwala pobrać elementy potomne i tekst wewnątrz tego elementu