TECH I.S.

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 Traversingメソッドの完全な概要については、jQueryトラバーシングリファレンスを参照してください。



プログラミング学習を加速させる

プログラミングをプロの講師に教えてもらいませんか。

テックアイエスのプログラミングスクールは初心者も大歓迎です。年齢制限もありません。転職・副業に強く、挫折させない手厚いサポートで稼ぐ力を身につけましょう!

スクールの詳細