如何與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"); 
}