引数
- (Selector|Function|jQuery Object) function
戻り値
- jQuery
jQuery オブジェクトが保持しているDOM要素の子孫を検索する。
サンプル
実行結果
- jQuery
- Backbone
- Underscore
Javascript
$('.jq-sample1 .execute').on('click', function(){
$('.jq-sample1 li') // li を持つjQueryオブジェクト作成
.css('color', 'red')
.find('span') // li の子孫の span を探す
.css('background', 'gray');
});
HTML
<div class="jq-sample1">
<button class="cq-btn execute">実行</button>
<ul>
<li class="a"><span>Javascript</span></li>
<li class="b">PHP</li>
<li class="c">HTML</li>
</ul>
<ul>
<li class="a"><span>jQuery</span></li>
<li class="b">Backbone</li>
<li class="c">Underscore</li>
</ul>
</div>
find()が保持しているDOM要素の子孫を探すのに対して、filter()は保持しているDOM要素に対してフィルタリングをおこなう。