jQuery Traversal - フィルタ
要素の範囲を検索するための略語
3 つの最も基本的なフィルタリング メソッドは、first()、last()、および eq() です。これらを使用すると、オブジェクト内の位置に基づいてフィルタリングを行うことができます。特定の要素を選択するための要素のセットの位置。
filter() や not() などの他のフィルタリング メソッドを使用すると、指定した基準に一致する要素または一致しない要素を選択できます。
jQuery first() メソッド
first() メソッドは、選択された要素の最初の要素を返します。
次の例では、最初の <div> 要素内の最初の <p> 要素を選択します。選択した要素の最後の要素。
次の例では、最後の <div> 要素内の最後の <p> 要素を選択します。指定されたインデックス番号を持つ要素を選択します。
次の例は、クラス名「url」を持つすべての <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","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<div>
<p>这是 div 中的一个段落。</p>
</div>
<div>
<p>这是另外一个 div 中的一个段落。</p>
</div>
<p>这是一个段落。</p>
</body>
</html>プログラムを実行して試してください
jQuery not() メソッド
not() メソッドは、条件に一致しないすべての要素を返します。
ヒント: not() メソッドは filter() の逆です。
次の例は、クラス名「url」のないすべての <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").last().css("background-color","yellow");
});
</script>
</head>
<body>
<h1>欢迎访问我的主页</h1>
<div>
<p>这是 div 中的一个段落。</p>
</div>
<div>
<p>这是另外一个 div 中的一个段落。</p>
</div>
<p>这是一个段落。</p>
</body>
</html>プログラムを実行して試してください
