:not(selector)


version 1.0 以降

解説

マッチした要素のうち、指定されたセレクタにマッチする要素を除く全ての要素を返します。

記法

:not(selector)

概念図

elements[0] (セレクタ: "elements:not(elements[2])")
elements[1] (セレクタ: "elements:not(elements[2])")
elements[2]
elements[3] (セレクタ: "elements:not(elements[2])")
elements[n] (セレクタ: "elements:not(elements[2])")

例1:class属性値が"citrus"div要素の、子孫span要素から 2番目(0から始まる)のspan要素を除いた要素を選択し、背景を橙色にします。

$("div.citrus span:not(:eq(2))").css("background-color", "orange");

<div class="citrus">
    class属性値が"citrus"div要素

    <span>span要素</span>
    <div class="lemon">
        class属性値が"lemon"div要素
        <span>span要素</span>
    </div>
    <span>span要素</span>
    <span>span要素</span>
    <div>
        div要素
        <span>span要素</span>
    </div>
    <span>span要素</span>
</div>