HOME > > > > >

.filter()

引数

(Selector|Function|Element|jQuery Object) function

jQuery オブジェクトが保持しているDOM要素に対してさらに条件を指定して絞り込む。

サンプル

実行結果

  • Javascript
  • PHP
  • HTML
  • jQuery
  • Backbone
  • Underscore

Javascript

  1.  
  2. $('.jq-sample1 .execute').on('click', function(){
  3.     $('.jq-sample1 li') // li を持つjQueryオブジェクト作成
  4.         .css('color', 'red')
  5.         .filter('.a') // li の絞り込み
  6.             .css('background', 'gray');
  7. });
  8.  

HTML

  1.  
  2. <div class="jq-sample1">
  3.     <button class="cq-btn execute">実行</button>
  4.     <ul>
  5.         <li class="a">Javascript</li>
  6.         <li class="b">PHP</li>
  7.         <li class="c">HTML</li>
  8.     </ul>
  9.     <ul>
  10.         <li class="a">jQuery</li>
  11.         <li class="b">Backbone</li>
  12.         <li class="c">Underscore</li>
  13.     </ul>
  14. </div>
  15.  

filter()はjQueryオブジェクトが選択しているDOM要素に対してフィルタリングをおこなうのに対し、find()は選択しているDOM要素の子孫を探す。