Μέθοδος children για εργασία με τα παιδικά στοιχεία στο jQuery

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

Ας εξετάσουμε τον ακόλουθο κώδικα HTML:

<p id="test">text1 <b>bold</b> text2</p>

Για τη λήψη των παιδικών στοιχείων, ας γράψουμε την ακόλουθη συνάρτηση στη μέθοδο:

$('#test').children().each(
	function() {
		console.log($(this).text()); // θα εμφανίσει 'bold'
	}
);

Έχουμε ένα div με τις ετικέτες:

<div id="text"><i>text1</i> <b>text2</b> text3 text4</div>

Εμφανίστε στην κονσόλα όλα τα άμεσα παιδικά στοιχεία αυτού του div χρησιμοποιώντας τη μέθοδο children.