Question

$(cell).click(function(){
  var cellColor = $(this).css("background-color");

  if(cellColor != "red"){
    $(this).css("background-color", "red");
  }else{    
    $(this).css("background-color", "blue");
  }
});

Hi,

Why isn’t the else statement working here please when clicking on the same cell again (i.e. the background of the cell has turned into red on first click as intended)?

Thanks

Answer 1

jQuery returns color codes not by names, but RGB – http://jsfiddle.net/cHWxv/

$("div").click(function(){
  var cellColor = $(this).css("background-color");

    alert(cellColor);

  if(cellColor != "rgb(255, 0, 0)"){
    $(this).css("background-color", "rgb(255, 0, 0)");
  }else{    
    $(this).css("background-color", "rgb(0, 0, 255)");
  }
});​