选择没有设置背景的元素答案

【问题标题】：Select an element that doesn't have a background set选择没有设置背景的元素
【发布时间】：2010-12-23 01:01:14
【问题描述】：

使用 jQuery，我需要选择所有没有定义背景颜色或图像的元素，并为其应用至少一个白色背景。

【问题讨论】：

@tscully，你为什么需要使用 jQuery 来做这个？
我正在使用 jQuery 创建一个内容滑块，我想让它尽可能地方便用户使用。例如如果设计师没有设置背景颜色/图像，它会为他们设置一个，所以滑块看起来仍然正确。
是的，为什么不定义一个像 *{background-color:#FFF;}这样的 css 规则
因为如果设计师确实设置了背景颜色/图像，那会覆盖他们的风格。

【解决方案1】：

如果您知道要查找哪些特定元素，则可以执行以下操作：

var els = $('div');

els.each(function(idx, el){
    if ($(el).css('background-color') == '' || $(el).css('background-image') == '')
    {
        $(el).addClass('white-background');
    }
});

【讨论】：

好的，效果很好！现在唯一的事情是，它不检测通过 css 文件应用的样式......只有内联样式。有什么想法吗？
好的，没关系，它正在读取 css，但值不是默认为 ''。他们将背景颜色默认为“透明”，将背景图像默认为“无”。所以我只是相应地调整了上面的功能。感谢您的帮助！