45 of 119 menu

Método contents

El método contents obtiene los descendientes de un elemento, incluyendo texto y comentarios.

Sintaxis

El método no acepta parámetros:

.contents();

El método contents funciona de manera similar al método children, la diferencia se manifiesta al intentar acceder al texto de los descendientes. Compare los dos ejemplos siguientes:

Ejemplo

Usamos el método children:

<p id="test">text1 <b>bold</b> text2</p> $('#test').children().each( function() { console.log($(this).text()); // mostrará 'bold' } );

Ejemplo

Usamos el método contents:

<p id="test">text1 <b>bold</b> text2</p> $('#test').contents().each( function() { console.log($(this).text()); // mostrará 'text1', 'bold', 'text2' } );

Véase también

  • método children,
    que permite obtener los descendientes de un elemento
  • método parent,
    que permite obtener el padre directo de un elemento
  • método parents,
    que permite obtener todos los padres de un elemento
  • método closest,
    que permite obtener el elemento padre más cercano que cumpla con el selector
azbydeenesfrkakkptruuz