find()

find()はjQueryオブジェクトの検索が可能なメソッドです。

引数にセレクタを指定することで、セレクタにマッチした子要素のjQueryオブジェクトを返します。

次のようなHTMLがあったとします。

<div id="d1" class="c e">
	<div id="d2" class="c e">
		<div id="d3" class="c">
			<div id="d4"></div>
		</div>
	</div>
</div>

次のスクリプトを実行すると#d1の子要素でfind()の引数のセレクタとマッチする#d2と#d3のjQueryオブジェクトを返します。

$("#d1").find(".c").css("border-color","red");

jQuery 1.6.0からfind()の引数にjQueryオブジェクトやDOMオブジェクトの指定が可能になりました。

登録日 : 2013年03月14日最終更新日 : 2013年3月14日

jQuery リファレンス