filter()

filter()は現在のjQueryオブジェクトを条件にマッチした要素に絞り込むためのメソッドです。

次のようなHTMLがあったとする。

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
  <li>list item 6</li>
</ul>

次のスクリプトではli要素から奇数のものだけに絞り込みCSSを適応しています。

$('li').filter(':even').css("color","red");

filter()にはコールバック関数を指定して要素の精査を行なうことができます。コールバック関数内ではjQuery オブジェクトを絞り込む場合はfalseを絞り込まない場合はtrueを返します。

$('li').filter(function(i){
  return i>3;
}).css("color","red");

filter()はjQuery 1.0で定義されたメソッドです。

jQuery 1.4より引数にセレクタのみでなく、jQueryオブジェクトやDOMオブジェクトを指定することが可能になりました

登録日 : 2013年06月23日最終更新日 : 2013年6月23日

jQuery リファレンス