findメソッド

findメソッドは、すでに見つけた要素の中からさらに要素を検索します。

構文

セレクターによる検索:

.find(セレクター);

セレクターだけでなく、DOM要素やjQueryオブジェクトによる検索も可能です:

.find(jQueryオブジェクトまたはDOM要素);

すべてのdivタグを見つけ、 prependを使って先頭にテキスト'!'を追加し、その後、findメソッドを使ってその中のすべての段落を見つけ、末尾にテキスト'?'を追加してみましょう:

<div>
	<p>テキスト</p>
	<p>テキスト</p>
	<p>テキスト</p>
</div>
<div>
	<p>テキスト</p>
	<p>テキスト</p>
	<p>テキスト</p>
</div>

$('div').prepend('!').find('p').append('?');

HTMLコードは以下のようになります:

<div>
	!
	<p>テキスト?</p>
	<p>テキスト?</p>
	<p>テキスト?</p>
</div>
<div>
	!
	<p>テキスト?</p>
	<p>テキスト?</p>
	<p>テキスト?</p>
</div>