如何使用jquery检查元素的背景颜色

时间:2012-05-02 09:37:36

标签: jquery css background-color

if($(this).css("background-color")==Crimson) 

这是对的吗? .css(“background-color”,“white”)会改变颜色,但我不想改变,我想知道它是哪种颜色。

5 个答案:

答案 0 :(得分:23)

它像这样工作

if ($("#notify-9").css('background-color')=="rgb(220, 20, 60)") alert("matched");

您需要将名称转换为红色,绿色,蓝色组件,您可以使用此工具

http://www.yellowpipe.com/yis/tools/hex-to-rgb/color-converter.php

答案 1 :(得分:5)

使用引号""''

if($(this).css("background-color")=="Crimson") 

答案 2 :(得分:2)

在颜色名称周围使用引号:

if( $(this).css("background-color") == "Crimson" ) 

否则是对的。

答案 3 :(得分:2)

只需使用下面的行

if($(this).css("background-color")=="crimson") 

由于css("background-color")属性结果将以小写字母显示。所以,如果你明显地与资本进行比较,它将返回false。 :) 小技巧希望工作

答案 4 :(得分:0)

JavaScript 中可能的答案如下:

if(window.getComputedStyle(document.getElementById("notify-9"),null).getPropertyValue("background-color") == "rgb(220, 20, 60)"){
   alert("matched!");
}

// rgb(220, 20, 60) 等于深红色