parent > child


version 1.0 以降

解説

要素parentの子要素childにマッチします。

記法

parent(セレクタ) > child(セレクタ)

parent(セレクタ)の後ろに">"大なりで区切り、child(セレクタ)を指定します。 要素parentの子要素childにマッチします。

概念図

parent

child (セレクタ: "parent > child")

例

例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>


ページトップヘページトップヘ

ページトップヘページトップヘ