ancestor descendant
version 1.0 以降
解説
要素ancestor の子孫要素descendant にマッチします。
記法
ancestor(セレクタ) descendant(セレクタ)
ancestor (セレクタ)の後ろに" "スペースで区切り、descendant (セレクタ)を指定します。
要素ancestor の子孫要素descendant にマッチします。
概念図
ancestor
descendant1 (セレクタ: "ancestor descendant1")
descendant2 (セレクタ: "ancestor descendant2")
例
例1:class 属性値が"sea" の要素の子孫span 要素を選択し、背景を水色にします。
$(".sea span").css("background-color", "aqua");
<div class="sea">
class 属性値が "sea" の div 要素
<span>span 要素</span>
<div class="river">
class 属性値が"river" のdiv 要素
<span>span 要素</span>
</div>
<span>span 要素</span>
<span>span 要素</span>
<div>
div 要素
<span>span 要素</span>
</div>
<span>span 要素</span>
</div>
|