javascript - 更改具有相同颜色的元素的背景颜色

Question

我正在尝试在这里创建一个简单的主题系统。我几乎没有红色背景的元素。我还有一个按钮，可以将元素背景颜色更改为绿色。

我正在尝试编写代码，但我不知道如何选择所有红色元素的背景颜色并将其更改为绿色!

例如，我有 4 个 div。其中两个有一个红色标题，当我单击按钮时，这些标题背景颜色必须更改为绿色。这里没问题，但问题是 div 是动态生成的，所以我是否必须循环所有页面以找到红色 bg 颜色？有人可以启发我吗？ =)

非常感谢! =)

Answer 1

我认为最好的解决方案是为每个主题使用不同的样式表，并将当前主题值保留在 SESSION 或 COOKIE 中，或者将其作为 URL 参数传递。但那将是一个服务器端解决方案。在客户端，您可以为每个主题使用不同的类，并使用 .toggleClass() 在按钮推送事件上切换它们

$('.green').toggleClass('red green');