A children metódus

A children metódus csak az elem közvetlen gyermekeit adja vissza, nem adja vissza a szöveges csomópontokat. Az összes gyermek visszakéréséhez, beleértve a szövegeket és a megjegyzéseket, használd a contents metódust.

Szintaxis

Közvetlen gyermekek lekérése:

.children();

A gyermekeket szűrhetjük egy megadott szelektorral is:

.children(szelektor);

Példa

Keressük meg a div tag összes közvetlen gyermekét és adjunk hozzájuk a végére egy '!' karaktert a append metódussal:

<div>
	<p>szöveg</p>
	<p>szöveg</p>
	<p>szöveg</p>
</div>

$('div').children().append('!');

A HTML kód így fog kinézni:

<div>
	<p>szöveg!</p>
	<p>szöveg!</p>
	<p>szöveg!</p>
</div>

Példa

Most keressük meg az összes közvetlen gyermeket a www osztállyal:

<div>
	<p class="www">szöveg</p>
	<p class="www">szöveg</p>
	<p>szöveg</p>
</div>

$('div').children('.www').append('!');

A HTML kód így fog kinézni:

<div>
	<p class="www">szöveg!</p>
	<p class="www">szöveg!</p>
	<p>szöveg</p>
</div>

Lásd még

a contents metódus,
amely lehetővé teszi egy elem gyermekeinek és a benne lévő szövegnek a lekérését
a parent metódus,
amely lehetővé teszi egy elem szülőjének a lekérését
a parents metódus,
amely lehetővé teszi egy elem összes szülőjének a lekérését
a JavaScript children tulajdonság,
amely a gyermekelemek pszeudo-tömbjét tartalmazza