如何比较JQuery RGB值?

时间:2012-08-08 19:33:17

标签: javascript jquery

我想使用jQuery或Javascript中的简单方法与返回的rgb颜色值进行比较。我已经尝试了所有我能想到的东西,但却无法得到任何可以评估的东西。

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

我已经找到了解析RGB的其他答案,但是对于我需要的东西来说,它们看起来真的有点过分。

3 个答案:

答案 0 :(得分:10)

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

$('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'

答案 1 :(得分:4)

在值之后添加空格 - http://jsfiddle.net/c6874/

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

答案 2 :(得分:2)

这在基本的javascript中并不是一个简单的任务,请考虑

这一事实

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

这是一个执行此操作的免费库: http://www.phpied.com/rgb-color-parser-in-javascript/