CODEWITHSUNDEEP
jquery
Joy
Joy

Reputation: 41

How to compare color assigned for an element using JavaScript

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 statement used to set the color for the element is:

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

Upvotes: 0

Views: 1880

Answers (2)

keegan3d
keegan3d

Reputation: 11275

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/

Upvotes: 0

lonesomeday
lonesomeday

Reputation: 237817

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
}

Upvotes: 3

Related Questions