findメソッド

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

構文

セレクターによる検索:

javascript.find(セレクター);

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

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

例

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

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

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

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

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

関連項目