jQuery トラバーサル -...LOGIN

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

jQuery Traversal - フィルタリング

要素の範囲を検索するための略語

3 つの最も基本的なフィルタリング メソッドは、first()、last()、および eq() で、セット内の位置に基づいてフィルタリングできます。特定の要素を選択します。

filter() や not() などの他のフィルタリング メソッドを使用すると、指定した基準に一致する要素または一致しない要素を選択できます。

jQuery first() メソッド

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

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

Example

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

jQuery last() メソッド

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

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

Instance

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

jQuery eq() メソッド

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

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

Example

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

jQuery filter() メソッド

filter() メソッドを使用すると、基準を指定できます。この基準に一致しない要素はコレクションから削除され、一致する要素が返されます。

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

インスタンス

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

jQuery not() メソッド

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

ヒント: not() メソッドは filter() の逆です。

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

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("div p").first().css("background-color","green"); }); </script> </head> <body> <h1>欢迎访问我的主页</h1> <div> <p>我是div中的一个段落。</p> </div> <div> <p>我是另外一个div中的一个段落。</p> </div> <p>我是一个段落。</p> </body> </html>
コースウェア