Metoda children

Metoda children returnează doar descendenții direcți ai elementului și nu returnează noduri text. Pentru a returna toți descendenții, inclusiv textul și comentariile, utilizați metoda contents.

Sintaxă

Obținerea descendenților direcți:

javascript.children();

De asemenea, puteți filtra descendenții după un selector dat:

javascript.children(selector);

Exemplu

Să găsim toți descendenții direcți ai tag-ului div și să adăugăm la sfârșit '!' cu ajutorul metodei append:

html<div>
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

javascript$('div').children().append('!');

Codul HTML va arăta astfel:

html<div>
  <p>text!</p>
  <p>text!</p>
  <p>text!</p>
</div>

Exemplu

Să găsim acum toți descendenții direcți cu clasa www:

html<div>
  <p class="www">text</p>
  <p class="www">text</p>
  <p>text</p>
</div>

javascript$('div').children('.www').append('!');

Codul HTML va arăta astfel:

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

Vedeți și