jQuery - 以十六进制获取元素背景颜色答案

【问题标题】：jQuery - get element background color in hexjQuery - 以十六进制获取元素背景颜色
【发布时间】：2012-09-21 13:33:26
【问题描述】：

我正在尝试获取元素背景颜色

$(document).ready(function(){
    $.each('.log-widget',function(){
    console.log($(this).css('backgroundColor'));
    //$(this).css({'box-shadow':'1px 1px 20px'+});
   });
  });

它不起作用它给我回:TypeError: invalid 'in' operand a

我想获取每个元素的背景颜色并将其返回为十六进制颜色。

【问题讨论】：

标签： jquery css styles background-color

【解决方案1】：

正如@pimvdb 所指出的，您的.each 语法错误。但是，要返回十六进制颜色，没有本地方法。您必须自己进行转换。看看这个类似问题的答案：little link。

【讨论】：

+1，好点。我注意到在 Chrome 上，您链接到的解决方案仅考虑 DOM 中的元素。断开连接的元素似乎没有像 red 这样的颜色转换为 hex/rgb。

【解决方案2】：

您正在迭代一个不是您所追求的字符串。你要.each:

$(".log-widget").each(function() { ... });

或者，您可以使用$.each，但使用 jQuery 集：

$.each($(".log-widget"), function() { ... });

无论如何，您将必须从选择器字符串创建一个集合。

【讨论】：