Jquery-traversal-andself
提供:Dev Guides
jQuery-andSelf()メソッド
説明
- andSelf()*メソッドは、前の選択を現在の選択に追加します。
この方法は、スクリプトに複数のトラバーサルがあり、最後のトラバーサルの前に一致したものを追加するときに役立ちます。
構文
このメソッドを使用するための簡単な構文は次のとおりです-
selector.andSelf( )
パラメーター
これは、この方法で使用されるすべてのパラメータの説明です-
- * NA。*
例
以下は、このメソッドの使用方法を示す簡単な例です-
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").find("p").andSelf().addClass("border");
});
</script>
<style>
p, div { margin:5px; padding:5px; }
.border { border: 2px solid red; }
.background { background:yellow; }
</style>
</head>
<body>
<div>
<p>First Paragraph</p>
<p>Second Paragraph</p>
</div>
</body>
</html>
ここで境界線は、以下に示すように、分割である前の選択に追加され、次に段落である2番目の選択に追加されます-
andSelf()メソッドを削除すると、境界線は段落のみに適用されます。
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("div").find("p").andSelf().addClass("border");
});
</script>
<style>
p, div { margin:5px; padding:5px; }
.border { border: 2px solid red; }
.background { background:yellow; }
</style>
</head>
<body>
<div class = "border">
<p class = "border">First Paragraph</p>
<p class = "border">Second Paragraph</p>
</div>
</body>
</html>
これにより、次の結果が生成されます–