children-metodi jälkeläisten käsittelyyn jQueryssä
Aluksi tarkastelemme elementin jälkeläisten käsittelyyn
metodia children,
jolla voidaan saada vain elementin välittömät
jälkeläiset.
Tarkastellaan seuraavaa HTML-koodia:
<p id="test">text1 <b>bold</b> text2</p>
Jälkeläisten saamiseksi kirjoitamme metodiin seuraavan funktion:
$('#test').children().each(
function() {
console.log($(this).text()); // tulostaa 'bold'
}
);
Meillä on div, jossa on seuraavat tagit:
<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>
Tulosta konsoliin kaikki tämän divin välittömät
jälkeläiset käyttämällä metodia
children.
