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