相关疑难解决方法(0)

如何获取元素的背景颜色代码？

HTML

<div style="background-color:#f5b405"></div>

jQuery的

$(this).css("background-color");

结果

rgb(245, 180, 5)

我想要的是

#f5b405

在我的CSS文件中:

a, a:link, a:visited { color:#4188FB; }
a:active, a:focus, a:hover { color:#FFCC00; }

我尝试过:

var link_col = $("a:link").css("color");
alert(link_col); // returns rgb(65, 136, 251)

我怎样才能获得十六进制代码？

***编辑:在这里找到答案:
背景颜色十六进制到JavaScript变量

对我感到羞耻,在发布之前可能会有更好的搜索.

目前我有这个正则表达式匹配RGB字符串.我需要它增强,以便它足够强大,以匹配RGB或RGBA.

rgbRegex = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/; //matches RGB

http://jsfiddle.net/YxU2m/

var rgbString =  "rgb(0, 70, 255)";
var RGBAString = "rgba(0, 70, 255, 0.5)";

var rgbRegex = /^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/;
//need help on this regex
//I figure it needs to be ^rgba?, and then also an optional clause to handle the opacity

var partsRGB = rgbString.match(rgbRegex);
var partsRGBA = RGBAString.match(rgbRegex);

console.log(partsRGB); //["rgb(0, 70, 255)", "0", "70", "255"]
console.log(partsRGBA); //null. I want ["rgb(0, 70, 255, 0.5)", "0", "70", "255", "0.5"] 

我想获得背景颜色并将其放入 body,例如我的背景是在课堂上FirstColor:

.FirstColor{
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECAA63), to(#E36D0A));
}

现在我想要在课堂上获得颜色#ECAA63和#E36D0A背景,.FirstColor并替换它们而不是颜色body

body 如下:

body{
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CEEEEE), to(#98BFF1));
}

替换他们班.FirstColor来body为:

#ECAA63 - 相反 - >
#CEEEEE#E36D0A - 而不是 - >#98BFF1

我试图获得背景色ac:http://jsfiddle.net/rKQwu/但是做不到.

我需要一个JQuery颜色选择器,我可以在其中更改页面上的不同HTML元素.它应该很容易实现,我应该能够选择一种颜色,输入RGB值和十六进制值.哪个插件是最好的麻烦免费使用.

我想循环遍历表格的行并检查它们的背景颜色.这是我到目前为止:

var TheColor = "";

$('#MyTable tr').each(function () {
    TheColor = "";
    TheColor = $(this).attr('background-color');
    alert(TheColor);
});

当循环展开时,我所得到的只是"未定义"而我看不出原因.但是,当我写TheColor = $(this).html(); 我得到了预期的输出.

谢谢你的建议.

这是我的代码如下.我试图扭转已经发出的点击.这是用td标签发生的.我在这里和其他论坛上结合了几个问题的失败实验.

function changeColor(elem) {
    if (elem.style.backgroundColor = "#5AD9C1" || "transparent") {
        elem.style.backgroundColor = "#66FF66";
    } else if (element.style.backgroundColor = "#66FF66") {
        elem.style.backgroundColor = "#5AD9C1";
    }
};