jQuery トラバーサル-フィルタリング

検索要素の範囲を絞り込む

最も基本的なフィルタリングメソッドは、first()、last()、eq() の3つです。これらのメソッドを使用すると、要素のグループ内での位置に基づいて特定の要素を選択できます。

他のフィルタリングメソッド（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 から始まるため、最初の要素のインデックス番号は 1 ではなく 0 です。次の例では、2番目の <p> 要素（インデックス番号 1）を選択します。

例

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

試してみる »

jQuery filter() メソッド

filter() メソッドを使用すると、基準を指定できます。この基準に一致しない要素はコレクションから削除され、一致する要素が返されます。

次の例では、クラス名 "url" を持つすべての <p> 要素を返します。

例

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

試してみる »

jQuery not() メソッド

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

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

次の例では、クラス名 "url" を持たないすべての <p> 要素を返します。

例

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

試してみる »
その他の拡張