jQueryでの検索結果内での検索
次に、
見つかった要素内(つまり、見つかった要素の子孫内)で
指定されたセレクタに一致する要素を検索する
findメソッドを
見ていきましょう。
以下のHTMLコードでメソッドの動作を考えてみます:
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
まず、すべてのdivタグを見つけ、
prependを使用して
先頭にテキスト'!'を追加し、
次にその中でfindメソッドを使用して
すべての段落を見つけ、
その先頭にテキスト'?'を追加します:
$('div').prepend('!').find('p').prepend('?');
クラスwwwを持つすべてのbタグを見つけ、
それらを赤色にし、
その後、見つかった要素の中から
クラスtestを持つ要素を見つけ、
フォントサイズを30pxに設定してください。
クラスwwwを持つすべての要素を見つけ、
それらを赤色にし、
その後、見つかった要素の中から
段落を見つけ、
末尾にテキスト'!'を追加してください。