如何比较使用JavaScript为元素分配的颜色

Question

在使用jQuery的JavaScript中，如何测试分配给元素的颜色是否为红色蓝色，id为'ID'。

用于设置元素颜色的JavaScript语句是：

$('#ID').css({'background-color':'#FF0000'});

Answer 1

您应该能够使用css函数只使用一个参数进行检查：

if ($('#ID').css('background-color') == '#FF0000') {
    // your code
}

我的偏好是添加课程（red或blue）并使用hasClass进行检查：

if ($('#ID').hasClass('red')) {
    // your code
}

Answer 2

我也建议使用类，但如果你真的想知道某些东西的颜色，我会使用javascript库来解析.css的返回，就像这样：http://www.phpied.com/rgb-color-parser-in-javascript/

以下是使用中的示例：http://jsfiddle.net/keegan3d/5SBpk/