check and change background color

Question

I want changing background colors, but I can set on red. After red can't work change on blue. If don't return true. I write red - "rgb(256, 0, 0)" and still not work. How can I do?

if($("#row-"+id).css("background-color")!="red")
{
    $("#row-"+id).css("background-color", "red");
}
else if($("#row-"+id).css("background-color")== "red")
{
    alert("don't show this");
    $("#row-"+id).css("background-color", "blue");
}

Answer 1

Like this :

var $div = $('div');
var bg = $div.css('background-color');

if (bg !== 'rgb(255, 0, 0)') {
    $div.css('background-color', 'red');
}
else {
    $div.css('background-color', 'blue');
}

http://jsfiddle.net/k9jYE/

Answer 2

In Chrome $(selector).css("background-color") will return an rgb value.

Therefore you can do this:

<p id="row" style="background-color:red">Hello</p>

<script>
  var bgColor = $("#row").css("background-color");

  if(bgColor === "rgb(255, 0, 0)"){
    $("#row").css("background-color", "blue");
  } else {
    $("#row").css("background-color", "red");
  }
</script>

However, this is not jQuery specific. jQuery returns what the browser gives it for the computed value (e.g. from getComputedStyle or currentStyle). What the browser gives it may be in any notation form the browser wants to use.

See here: Why does jQuery .css('background-color') return rgba(0,0,0,0) for 'transparent'?

Answer 3

Try this:

if($("#row-1").css("background-color")!="rgb(255, 0, 0)")

http://fiddle.jshell.net/vU8r4/