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トラバーシングリファレンスを参照してください。



チュートリアル