Método children para trabalhar com descendentes em jQuery
Para trabalhar com os descendentes de um elemento, primeiro vamos examinar
o método children,
com o qual você pode obter apenas os descendentes diretos
do elemento.
Vamos considerar o seguinte código HTML:
<p id="test">text1 <b>negrito</b> text2</p>
Para obter os descendentes, vamos escrever a seguinte função no método:
$('#test').children().each(
function() {
console.log($(this).text()); // exibirá 'negrito'
}
);
Temos uma div com as tags:
<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>
Exiba no console todos os descendentes diretos
desta div usando o método
children.