Método contents

O método contents obtém os descendentes de um elemento, incluindo texto e comentários.

Sintaxe

O método não aceita parâmetros:

javascript.contents();

O método contents funciona de forma semelhante ao método children, a diferença aparece ao tentar acessar o texto dos descendentes. Compare os dois exemplos abaixo:

Exemplo

Usando o método children:

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

Exemplo

Usando o método contents:

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

Veja também

  • método children,
    que permite obter os descendentes do elemento
  • método parent,
    que permite obter o pai direto do elemento
  • método parents,
    que permite obter todos os pais do elemento
  • método closest,
    que permite obter o elemento pai mais próximo que satisfaz o seletor