Método children

El método children retorna solo los hijos directos del elemento, no retorna nodos de texto. Para retornar todos los descendientes, incluyendo texto y comentarios, use el método contents.

Sintaxis

Obtener hijos directos:

.children();

También se pueden filtrar los hijos por un selector dado:

.children(selector);

Ejemplo

Encontremos todos los hijos directos de la etiqueta div y agreguemos al final '!' usando el método append:

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

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

El código HTML quedará así:

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

Ejemplo

Ahora encontremos todos los hijos directos con la clase www:

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

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

El código HTML quedará así:

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

Véase también

método contents,
que permite obtener los descendientes de un elemento y el texto dentro de ese elemento
método parent,
que permite obtener el elemento padre de un elemento
método parents,
que permite obtener todos los elementos padres de un elemento
Propiedad de JavaScript children,
que almacena un pseudo-array de elementos hijos