prev + next


version 1.0 以降

解説

要素prevと同じ親要素を持ち、直後に隣接する要素nextにマッチします。

記法

prev (セレクタ) + next(セレクタ)

prev(セレクタ)の後ろに"+"プラスで区切り、next(セレクタ)を指定します。 要素prevと同じ親要素を持ち、直後に隣接する要素nextにマッチします。

概念図

parent

prev
next (セレクタ: "prev + next")

例

例1:class属性値が"river"のdiv要素と同じ親要素を持ち、直後に隣接するspan要素を選択し、背景を水色にします。 

$("div.river + 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>


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

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