How to check the background-color of an element using jquery

Question

if($(this).css(\"background-color\")==Crimson) 

is this correct ? .css(\"background-color\",\"white\") will change the color, but I don\'t want t

Answer 1

Use quotes "" or '':

if($(this).css("background-color")=="Crimson") 

Answer 2

it works like this

if ($("#notify-9").css('background-color')=="rgb(220, 20, 60)") alert("matched");

you need to convert name to red, green, blue components, you might use this tool

http://www.yellowpipe.com/yis/tools/hex-to-rgb/color-converter.php

Answer 3

Use quotes around the color name as:

if( $(this).css("background-color") == "Crimson" ) 

otherwise it is right.

Answer 4

just use below line

if($(this).css("background-color")=="crimson") 

as css("background-color") attribute result will be in small letters . so if you will compare with capital obviously it will return false. :) Small trick hope that work

Answer 5

Possible answers in JavaScript is like this:

if(window.getComputedStyle(document.getElementById("notify-9"),null).getPropertyValue("background-color") == "rgb(220, 20, 60)"){
   alert("matched!");
}

// rgb(220, 20, 60) is equal to Crimson