jQuery 动态选项卡颜色(除一个选项卡外的所有选项卡)

Question

我有一个带有“标签”类的 UL一里有一类“活跃”

当用户点击不同的选项卡时，“事件”选项卡明显发生变化并被使用，因此它的颜色与其他选项卡不同。

我想要做的是选择“选项卡”UL 中除事件选项卡之外的所有 Li，并通过为每个选项卡附加 CSS 背景来为每个选项卡设置不同的颜色。选项卡的数量可能会有所不同，具体取决于它们在哪个页面上，即一个页面可能有四个选项卡，而另一个页面可能有 6 个或 7 个。

如果我全部捕获它们，我不会有问题，但我不确定如何着手尝试排除事件选项卡，因为我计划使用第 N 个，它会包含事件选项卡？

感谢任何帮助。

Answer 1

您可以使用 .not() :

$('ul.tabs li').not('.active').css({ ... });

然后您可以使用 .each() 遍历它们:

$('ul.tabs li').not('.active').each(function() { ... });

编辑:假设您有某种方法可以确定哪个选项卡应该有哪个背景，下面是一个使用中的示例:JSFiddle .