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

Question

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

这是正确的吗？ .css("background-color","white") 会改变颜色，但我不想改变，我想知道它是什么颜色。

Answer 1

它是这样工作的

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

你需要将名称转换为红色、绿色、蓝色分量，你可能会用到这个工具

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

Answer 2

使用引号

""

或

''

：

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

Answer 3

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

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

否则就对了

Answer 4

只需使用下面的行

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

as

css("background-color")

属性结果将以小写字母显示。因此，如果您将与资本进行比较，显然它会返回 false。 :) 小技巧希望有用

Answer 5

JavaScript 中可能的答案是这样的：

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

// rgb(220, 20, 60) 等于 Crimson