How to compare color assigned for an element using JavaScript

Question

In JavaScript using jQuery, how does one test whether the color assigned to an element is red blue, having an id as \'ID\'.

The JavaScript stat

Answer 1

I also would suggest using classes, but if you really want to know the color of something I would use a javascript library to parse the return from .css, like this one: http://www.phpied.com/rgb-color-parser-in-javascript/

Here is an example of it in use: http://jsfiddle.net/keegan3d/5SBpk/

Answer 2

You should be able to check this with the css function with only one argument:

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

My preference would be to add a class (red or blue) and check using hasClass:

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