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

要素の検索を絞り込む

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

その他の filter() や not() のようなフィルタリング・メソッドは、ある条件に一致する要素や、一致しない要素を選択することができます。

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

次の例は、最初の <div> 内の最初の <p> 要素を選択します：

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

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

次の例は、最後の <div> 内の最後の <p> 要素を取得します：

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

eq() メソッドは、選択した要素の中の、指定のインデックス番号を持った要素を返します

インデックス番号は、0 から始まります。したがって、最初の要素のインデックス番号は、1 ではなく 0 です。次の例は、2番目の <p> 要素（インデックス番号が 1）を選択します：

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

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

次の例は、クラス名が "intro" である全 <p> 要素を返します：

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

not() メソッドは、条件に一致しない全要素を返します。

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

次の例は、クラス名が "intro" でない全 <p> 要素を返します：

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

全 jQuery トラバース·メソッドに関する完全な概要については、jQuery トラバースリファレンスをご覧ください。