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

标签 javascript jquery css html background-color

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

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

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

非常感谢! =)

最佳答案

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

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

关于javascript - 更改具有相同颜色的元素的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7530686/

相关文章:

javascript - 使用 jQuery 计算复选框总数

javascript - JavaScript 中的 session 室可用性

javascript - SlickGrid V2 column Resize 触发 Sort

javascript - 无法弄清楚为什么它不起作用。 javascript调用数据键

html - 水平菜单到垂直菜单,无需添加任何额外的 HTML 属性

javascript - polymer 3 : How to implement two way data binding for radio input

javascript - 如何使用 <img> 标签将 javascript 发送到页面

Javascript - 将对象的值转换为大写

css - 工具提示上的 NVD3 圆形边框

javascript - 使用 javascript 我想更改图像的大小,特别是 div 标签