children-Methode

Die Methode children gibt nur die direkten Nachfahren des Elements zurück und gibt keine Textknoten zurück. Um alle Nachfahren zurückzugeben, inklusive Text und Kommentare, verwende die Methode contents.

Syntax

Abrufen der direkten Nachfahren:

.children();

Man kann die Nachfahren auch nach einem bestimmten Selektor filtern:

.children(Selektor);

Beispiel

Lassen Sie uns alle direkten Nachfahren des div-Tags finden und am Ende ein '!' mit der Methode append anhängen:

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

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

Der HTML-Code sieht dann so aus:

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

Beispiel

Lassen Sie uns nun alle direkten Nachfahren mit der Klasse www finden:

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

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

Der HTML-Code sieht dann so aus:

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

Siehe auch

die Methode contents,
die es erlaubt, die Nachfahren eines Elements und den Text innerhalb dieses Elements abzurufen
die Methode parent,
die es erlaubt, das Elternelement eines Elements abzurufen
die Methode parents,
die es erlaubt, alle Elternelemente des Elements abzurufen
die JavaScript-Eigenschaft children,
die eine pseudo-Array von Kindelementen enthält