jQuery 過滤 - フィルタリング

検索範囲の省略

最も基本的なフィルターメソッドは、first(), last(), eq() で、要素がグループ内の位置に基づいて特定の要素を選択することを許可します。

他のフィルターメソッド、例えば filter() と not() は、特定の指定標準に一致するかどうかに基づいて要素を選択することを許可します。

jQuery first() メソッド

first() メソッドは、選択された要素の最初の要素を返します。

以下の例では、最初の <div> 要素の中の最初の <p> 要素を選択します：

例

$(document).ready(function(){
  $("div p").first();
});

自分で試してみる

jQuery last() メソッド

last() メソッドは、選択された要素の最後の要素を返します。

以下の例では、最後の <div> 要素の中の最後の <p> 要素を選択します：

例

$(document).ready(function(){
  $("div p").last();
});

自分で試してみる

jQuery eq() メソッド

eq() メソッドは、指定されたインデックスを持つ選択された要素を返します。

インデックスは 0 から始まるため、最初の要素のインデックスは 0 で、1 ではありません。以下の例では、2番目の <p> 要素（インデックス 1）を選択します：

例

$(document).ready(function(){
  $("p").eq(1);
});

自分で試してみる

jQuery filter() メソッド

filter() メソッドは、標準に一致しない要素をコレクションから削除し、一致する要素を返すことを許可します。

以下の例では、クラス名「intro」を持つすべての <p> 要素を返します：

例

$(document).ready(function(){
  $("p").filter(".intro");
});

自分で試してみる

jQuery not() メソッド

not() メソッドはすべての標準に一致しない要素を返します。

ヒント：not() メソッドは filter() の逆です。

以下の例では、クラス名「intro」を持たないすべての <p> 要素を返します：

例

$(document).ready(function(){
  $("p").not(".intro");
});

自分で試してみる

jQuery 過濾リファレンスマニュアル

すべての jQuery 過濾メソッドについての情報を得るには、私たちの jQuery 過濾リファレンスマニュアル。