最新のWeb開発のチュートリアル
 

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

❮前 次の章❯

要素のための検索を絞り込みます

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

以下のような他のフィルタリング方法、 filter()とnot()あなたは、特定の条件に一致する、または一致しない要素を選択することができます。

jQueryのfirst()メソッド

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

次の例では、最初に選択した<p>第1内側要素<div>要素を：

例

$(document).ready(function(){
    $("div p").first();
});
»それを自分で試してみてください

jQueryのlast()メソッド

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

次の例では、最後の選択<p>最後の内部要素<div>要素を：

例

$(document).ready(function(){
    $("div p").last();
});
»それを自分で試してみてください

jQueryのeq()メソッド

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

最初の要素はインデックス番号0とされない1.次の例では、第二の選択になりますので、インデックス番号は、0から始まる<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");
});
»それを自分で試してみてください

練習で自分自身をテスト！

演習1» 演習2» 演習3» 演習4» 演習5» 演習6»

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

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


❮前 次の章❯