40 of 119 menu

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:

.children();

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

.children(selektor);

Przykład

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

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

Kod HTML będzie wyglądać tak:

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

Przykład

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

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

Kod HTML będzie wyglądać tak:

<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
Polski
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Wykorzystujemy pliki cookie do działania strony, analizy i personalizacji. Przetwarzanie danych odbywa się zgodnie z Polityką prywatności.
zaakceptuj wszystkie dostosuj odrzuć