Método children

O método children retorna apenas os descendentes diretos do elemento e não retorna nós de texto. Para retornar todos os descendentes, incluindo texto e comentários, use o método contents.

Sintaxe

Obtendo descendentes diretos:

.children();

Também é possível filtrar os descendentes por um seletor especificado:

.children(seletor);

Exemplo

Vamos encontrar todos os descendentes diretos da tag div e adicionar um '!' no final de cada um usando o método append:

<div>
	<p>texto</p>
	<p>texto</p>
	<p>texto</p>
</div>

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

O código HTML ficará assim:

<div>
	<p>texto!</p>
	<p>texto!</p>
	<p>texto!</p>
</div>

Exemplo

Agora vamos encontrar todos os descendentes diretos com a classe www:

<div>
	<p class="www">texto</p>
	<p class="www">texto</p>
	<p>texto</p>
</div>

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

O código HTML ficará assim:

<div>
	<p class="www">texto!</p>
	<p class="www">texto!</p>
	<p>texto</p>
</div>

Veja também

método contents,
que permite obter os descendentes de um elemento e o texto dentro desse elemento
método parent,
que permite obter o elemento pai de um elemento
método parents,
que permite obter todos os elementos pais de um elemento
Propriedade JavaScript children,
que armazena um pseudo-array de elementos filhos