jQueryにおける子孫要素を操作するchildrenメソッド

要素の子孫要素を操作するために、まずは要素の直接の子要素のみを取得できるメソッド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>

メソッドchildrenを使用して、このdivの全ての直接の子要素をコンソールに出力してください。