Μέθοδος children

Η μέθοδος children επιστρέφει μόνο τα άμεσα θυγατρικά ενός στοιχείου και δεν επιστρέφει κόμβους κειμένου. Για να επιστρέψετε όλα τα θυγατρικά, συμπεριλαμβανομένων κειμένου και σχολίων χρησιμοποιήστε τη μέθοδο contents.

Σύνταξη

Λήψη άμεσων θυγατρικών:

.children();

Μπορείτε επίσης να φιλτράρετε τα θυγατρικά βάσει ενός επιλογέα:

.children(επιλογέας);

Παράδειγμα

Ας βρούμε όλα τα άμεσα θυγατρικά της ετικέτας div και στο τέλος τους να προσθέσουμε '!' χρησιμοποιώντας τη μέθοδο append:

<div>
	<p>κείμενο</p>
	<p>κείμενο</p>
	<p>κείμενο</p>
</div>

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

Ο κώδικας HTML θα γίνει ως εξής:

<div>
	<p>κείμενο!</p>
	<p>κείμενο!</p>
	<p>κείμενο!</p>
</div>

Παράδειγμα

Ας βρούμε τώρα όλα τα άμεσα θυγατρικά με την κλάση www:

<div>
	<p class="www">κείμενο</p>
	<p class="www">κείμενο</p>
	<p>κείμενο</p>
</div>

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

Ο κώδικας HTML θα γίνει ως εξής:

<div>
	<p class="www">κείμενο!</p>
	<p class="www">κείμενο!</p>
	<p>κείμενο</p>
</div>

Δείτε επίσης

μέθοδος contents,
που επιτρέπει τη λήψη θυγατρικών στοιχείων και κειμένου μέσα σε αυτό το στοιχείο
μέθοδος parent,
που επιτρέπει τη λήψη του γονέα ενός στοιχείου
μέθοδος parents,
που επιτρέπει τη λήψη όλων των γονέων ενός στοιχείου
JavaScript ιδιότητα children,
που αποθηκεύει έναν ψευδο-πίνακα από θυγατρικά στοιχεία