Метод children

Метод children враћа само непосредне потомке елемента и не враћа текстуалне чворове. Да бисте вратили све потомке, укључујући текст и коментаре користите метод contents.

Синтакса

Добијање непосредних потомака:

javascript.children();

Можете такође филтрирати потомке по задатом селектору:

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

Пример

Хајде да нађемо све непосредне потомке тага div и на крај им додамо '!' користећи метод append:

html<div>
  <p>текст</p>
  <p>текст</p>
  <p>текст</p>
</div>
javascript$('div').children().append('!');

HTML код ће изгледати овако:

html<div>
  <p>текст!</p>
  <p>текст!</p>
  <p>текст!</p>
</div>

Пример

Хајде сада да нађемо све непосредне потомке са класом www:

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

HTML код ће изгледати овако:

html<div>
  <p class="www">текст!</p>
  <p class="www">текст!</p>
  <p>текст</p>
</div>

Погледајте такође

  • метод contents,
    који омогућава да се добију потомци елемента и текст унутар тог елемента
  • метод parent,
    који омогућава да се добије родитељ елемента
  • метод parents,
    који омогућава да се добију сви родитељи елемента
  • JavaScript својство children,
    које чува у себи псеудо-низ подређених елемената