Метод children

Методът children връща само непосредствените потомци на елемент и не връща текстови възли. За да върнете всички потомци, включително текст и коментари, използвайте метода contents.

Синтаксис

Получаване на непосредствени потомци:

javascript.children();

Можете също да филтрирате потомците по даден селектор:

javascript.children(селектор);

Пример

Нека намерим всички непосредствени потомци на тага div и в края им добавим '!' с помощта на метода append:

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

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

HTML кодът ще изглежда така:

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

Пример

Нека сега намерим всички непосредствени потомци с клас www:

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

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

HTML кодът ще изглежда така:

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

Вижте също