Método children para trabajar con descendientes en jQuery
Para trabajar con los descendientes de un elemento, primero consideraremos
el método children
,
con el cual se pueden obtener solo los descendientes directos
del elemento.
Consideremos el siguiente código HTML:
<p id="test">text1 <b>negrita</b> text2</p>
Para obtener los descendientes, escribamos la siguiente función en el método:
$('#test').children().each(
function() {
console.log($(this).text()); // mostrará 'negrita'
}
);
Tenemos un div con las etiquetas:
<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>
Muestre en la consola todos los descendientes directos
de este div usando el método
children
.