Metoda children

Metoda children zwraca tylko bezpośrednich potomków elementu, nie zwraca węzłów tekstowych. Aby zwrócić wszystkich potomków, włączając tekst i komentarze, użyj metody contents.

Składnia

Pobieranie bezpośrednich potomków:

javascript.children();

Można także przefiltrować potomków według podanego selektora:

javascript.children(selektor);

Przykład

Znajdźmy wszystkich bezpośrednich potomków znacznika div i na koniec dodajmy im '!' za pomocą metody append:

html<div>
  <p>tekst</p>
  <p>tekst</p>
  <p>tekst</p>
</div>
javascript$('div').children().append('!');

Kod HTML będzie wyglądać tak:

html<div>
  <p>tekst!</p>
  <p>tekst!</p>
  <p>tekst!</p>
</div>

Przykład

Znajdźmy teraz wszystkich bezpośrednich potomków z klasą www:

html<div>
  <p class="www">tekst</p>
  <p class="www">tekst</p>
  <p>tekst</p>
</div>
javascript$('div').children('.www').append('!');

Kod HTML będzie wyglądać tak:

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

Zobacz też

  • metoda contents,
    która pozwala pobrać potomków elementu i tekst wewnątrz tego elementu
  • metoda parent,
    która pozwala pobrać rodzica elementu
  • metoda parents,
    która pozwala pobrać wszystkich rodziców elementu
  • Właściwość JavaScript children,
    która przechowuje pseudotablicę elementów potomnych