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:

javascript.children();

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

javascript.children(selector);

Ejemplo

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

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

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

El código HTML quedará así:

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

Ejemplo

Ahora encontremos todos los hijos directos con la clase www:

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

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

El código HTML quedará así:

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

Véase también