jquery - 如何使用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") 

因为css("background-color")属性结果将是小写字母。因此，如果您将明显地与资本进行比较，它将返回错误。:) 小技巧希望有用

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