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


first()、last()、eq()、filter()、not()メソッド

最も基本的なフィルタリング方法は、、first()last()ありeq()、要素のグループ内の位置に基づいて特定の要素を選択できます。

のような他のフィルタリング方法では、特定の基準に一致する要素または一致しない要素を選択できますfilter()not()


jQuery first()メソッド

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

次の例では、最初の<div> 要素を選択します。

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

jQuery last()メソッド

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

次の例では、最後の<div> 要素を選択します。

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


jQuery eq()メソッド

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

インデックス番号は0から始まるため、最初の要素のインデックス番号は1ではなく0になります。次の例では、2番目の<p>要素(インデックス番号1)を選択します。

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

jQuery filter()メソッド

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

<p>次の例では、クラス名が「intro」のすべての要素が返されます。

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

jQuery not()メソッド

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

ヒント:このnot()方法はの反対ですfilter()

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

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

jQueryの演習

エクササイズで自分をテストする

エクササイズ:

jQueryメソッドを使用して、ドキュメントの最初の<div>要素を取得します。

$("div").();


jQueryトラバースリファレンス

すべてのjQueryトラバースメソッドの完全な概要については、 jQueryトラバースリファレンスにアクセスしてください。