배경색 확인 및 변경

Question

배경색을 변경하고 싶지만 빨강으로 설정할 수 있습니다. 빨간색은 파란색으로 바뀌면 작동하지 않습니다. true를 반환하지 않으면. 나는 빨간 글씨 - "rgb(256, 0, 0)"을 쓰고 아직도 작동하지 않습니다. 어떻게해야합니까? 이처럼

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

:

크롬 $에서

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

(선택) .CSS는 ("배경색")는 RGB 값을 반환합니다.

따라서 당신은이 작업을 수행 할 수 있습니다

<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> 

그러나이의 jQuery 특정되지 않습니다. jQuery는 브라우저가 계산 된 값 (예 : getComputedStyle 또는 currentStyle)에 대해 브라우저에서 제공하는 값을 반환합니다. 브라우저가 제공하는 것은 브라우저가 사용하고자하는 표기 형식 일 수 있습니다.

여기서 참조 : Why does jQuery .css('background-color') return rgba(0,0,0,0) for 'transparent'?

Answer 3

이것을 시도 :

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

가

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