children-metodi
Metodi children palauttaa vain
elementin välittömät lapsenlapset eikä
palauta tekstisolmuja. Palauttaaksesi
kaikki lapsenlapset, mukaan lukien tekstin ja
kommentit, käytä metodia
contents.
Syntaksi
Välittömien lapsenlasten hankinta:
.children();
Lapsenlapsia voidaan myös suodattaa annetun valitsimen mukaan:
.children(selector);
Esimerkki
Etsitään div -tagin
kaikki välittömät lapsenlapset
ja lisätään niiden loppuun '!' metodilla
append:
<div>
<p>teksti</p>
<p>teksti</p>
<p>teksti</p>
</div>
$('div').children().append('!');
HTML-koodi näyttää tältä:
<div>
<p>teksti!</p>
<p>teksti!</p>
<p>teksti!</p>
</div>
Esimerkki
Etsitään nyt kaikki välittömät
lapsenlapset, joilla on luokka www:
<div>
<p class="www">teksti</p>
<p class="www">teksti</p>
<p>teksti</p>
</div>
$('div').children('.www').append('!');
HTML-koodi näyttää tältä:
<div>
<p class="www">teksti!</p>
<p class="www">teksti!</p>
<p>teksti</p>
</div>
