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