Méthode children

La méthode children ne retourne que les descendants directs de l'élément, elle ne retourne pas les nœuds textuels. Pour retourner tous les descendants, y compris le texte et les commentaires, utilisez la méthode contents.

Syntaxe

Obtenir les descendants directs :

.children();

Il est également possible de filtrer les descendants par un sélecteur donné :

.children(sélecteur);

Exemple

Trouvons tous les descendants directs de la balise div et ajoutons-leur '!' à la fin en utilisant la méthode append :

<div>
	<p>text</p>
	<p>text</p>
	<p>text</p>
</div>

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

Le code HTML deviendra alors :

<div>
	<p>text!</p>
	<p>text!</p>
	<p>text!</p>
</div>

Exemple

Trouvons maintenant tous les descendants directs avec la classe www :

<div>
	<p class="www">text</p>
	<p class="www">text</p>
	<p>text</p>
</div>

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

Le code HTML deviendra alors :

<div>
	<p class="www">text!</p>
	<p class="www">text!</p>
	<p>text</p>
</div>

Voir aussi

la méthode contents,
qui permet d'obtenir les descendants d'un élément et le texte à l'intérieur de cet élément
la méthode parent,
qui permet d'obtenir le parent d'un élément
la méthode parents,
qui permet d'obtenir tous les parents d'un élément
La propriété JavaScript children,
qui contient un pseudo-tableau d'éléments enfants