如何与JQuery RGB值进行比较？

Question

我想用jQuery或Javascript中的简单方法与返回的rgb颜色值进行比较。我尝试了所有我能想到的东西，但无法得到任何评价真实的东西。

if($('.Updated-Alert').css('color') == 'rgb(255,0,0)') 

我发现了其他答案，通过RGB解析，但他们真的看起来像是我需要它的主要矫枉过正。

Answer 1

它只是返回一个字符串。您的比较失败，因为您的空白区域阻止了等值。

$('div').css('color') === 'rgb(0, 0, 255)' 

http://jsfiddle.net/etLcv/

如果你想强化它一点点，你可以修剪的空白，并比较认为：

$('div').css('color').replace(/\s+/g, '') === 'rgb(0,0,255)' 

甚至修剪出任何东西，但数字：

$('div').css('color').replace(/\D+/g, '') === '00255' 

Answer 2

这在基本javascript中并不是一个简单的任务，考虑一个事实，即

white == #FFF == #FFFFFF == rgb(255,255,255) == rgba(255,255,255,0

这里是一个免费的图书馆，这是否： http://www.phpied.com/rgb-color-parser-in-javascript/

Answer 3

值后添加一个空格 - http://jsfiddle.net/c6874/

if ($("p").css("color") == 'rgb(255, 0, 0)') { 
    alert("It's red"); 
}