jQuery filter() メソッド

❮ jQuery Traversing メソッド

クラス名 "intro" を持つすべての <p> の要素を返す:

$("p").filter(".intro")
Try it Yourself »

定義と用法

filter() メソッドは、特定の条件に一致する要素を返します。

このメソッドは、条件を指定できます。条件に一致しない要素は選択から削除され、 一致するものが返されます。

このメソッドは、多くの場合、選択した要素グループ内の要素を絞り込むために使用します。

チップ: filter() メソッドは、not() メソッドの逆です。


構文

$(selector).filter(criteria,function(index))

パラメータ 説明
criteria 任意。選択した要素のグループから返す、セレクタ式、jQuery オブジェクト、1 つまたは複数の要素を指定する。

チップ: 複数の条件を指定するにはコンマを使用する
function(index 任意。集合内の各要素に対して実行する関数を指定する。true が返された場合、要素は保存され、 それ以外なら、要素は削除される。
  • index - 集合内の要素のインデックス位置
注: this は、現在の DOM 要素

Try it Yourself - 例

偶数番目の全 <p> 要素を返す
偶数番目の全 <p> 要素を返すために filter() と一緒に :even セレクタを使用する。

複数条件
クラス "intro" と id "outro" を持つ全 <p> 要素を返す方法。

jQuery オブジェクトの使用
jQuery オブジェクトを使用して、<div> 要素内のクラス "intro" を持つすべての <p> 要素を返す方法。

DOM
DOM 要素を使用して、id "intro" を持つすべての <p> 要素を返す方法。

関数の利用
内部に 2 つの <span> 要素を持つ全ての <p> 要素を選択するのに関数を使用する方法。


❮ jQuery Traversing メソッド