サンプル

要素オブジェクトから子要素を取得にはfindメソッドを使う。
子要素だけでなく、孫要素なども取得できる。

html

	<div id="animal">
		<div id="cat">
			<span id="kuro-neko">黒猫</span>
			<aside id="siam-cat">シャム猫</aside>
		</div>
		<div class="dog">犬</div>
	</div>
	

js source

	var elm1 = $('#animal');
	var siam_cat = elm1.find('#siam-cat').html();
	console.log(siam_cat);
	

出力

childrenメソッド

childrenメソッドは直下の子要素のみ取得可能。
孫要素は取得できない。

js source

	var elm2 = $('#animal');
	var dog = elm1.children('.dog');// 直下の子要素のみ取得可能
	console.log(dog);
	

出力

---

検証用のHTMLサンプル

---

1. ホーム
2. サンプルソースコード
3. JavaScript　｜　サンプル
4. 子要素を取得する | jQuery