jQuery动态选项卡颜色（除一个选项卡外的所有选项卡）

我有一个“标签”类别的UL 一里有一类“主动”

“活动”选项卡在用户单击不同选项卡时会发生明显变化，因此其颜色与其他选项卡不同

我想做的是选择“标签”UL中的所有Li，除了活动的Li，并通过为每个Li添加CSS背景来设置每个Li的不同颜色。 选项卡的数量可能因页面而异，即一个页面可能有四个选项卡，而另一个页面可能有6个或7个选项卡

如果我把它们都抓到了，我不会有问题，但我不知道该怎么做来尝试排除活动选项卡，因为我计划使用包含活动选项卡的Nth

感谢您的帮助。

您可以使用：

然后，您可以使用以下方法对其进行迭代：

编辑：假设您有某种方法来确定哪个选项卡应该具有哪个背景，下面是一个使用中的示例：。

假设单击选项卡容器时应用于选项卡容器的是“活动”，并且所有选项卡都有类似class=“tab”的内容，类似这样的内容就足够了

$(".tab").each(funciton() {
    if (!$(this).hasClass("active"))
    {
            $(this).addClass("myBackground");
    }
});

---

如果要在css3中执行此操作，可以使用以下方法：

:not(p)
{
background:#ff0000;
}

这将为不是“p”元素的所有元素设置背景色。

---

更多信息：

您是否使用jQuery UI选项卡？或者只使用jQuery和您自己的选项卡设置我想使用jQuery和我自己的选项卡设置上面的答案（不是我的）更好：）如何使用此方法将第一个不活动的Li设置为蓝色，然后将第二个不活动的Li设置为红色，然后将第三个不活动的Li设置为绿色？也许我没有正确地理解你，或者我没有很好地解释你没有理解我的问题。这是我已经拥有的，不是我要求的。这几乎奏效了。当页面加载一个选项卡时，该选项卡已设置为活动状态-当您从此选项卡更改时，它使用默认css作为选项卡颜色，而不是我设置为数据背景的颜色？单击“打开”或“关闭”时，所有其他功能都可以正常工作。感谢您迄今为止的帮助。下面是一个HTML5。它只是一种保存特定元素的自定义数据的方法。不过，我对你的意思有点困惑，因为这里的背景色肯定只有在选项卡不处于

活动状态时才适用。
$(".tab").each(funciton() {
    if (!$(this).hasClass("active"))
    {
            $(this).addClass("myBackground");
    }
});

:not(p)
{
background:#ff0000;
}