为什么我的IF语句不能在jQuery中工作？

Question

我做了一个简单的IF语句,如果为true,它会改变div的背景颜色(this).

$(".inner").click(function(){
           
           console.log($(this).css('background-color'));
           
           if($(this).css('background-color') === 'rgb(255,255,255)'){
              $(this).css('background-color', 'rgb(0, 0, 0)');
               console.log("IF statement working")
           }/* else {
              $(this).css("background-color", "rgb(255,255,255)");  
           }*/
           
       });

.outer{
    font-size: 0;
}

.inner{
    display: inline-block;
    background-color: white;
    height: 100px;
    width: 100px;
    border: 1px solid grey;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="application/javascript"></script>

<div class="outer">
           <div class="inner"></div>
           <div class="inner"></div>
       </div>
       <div class="outer">
           <div class="inner"></div>
           <div class="inner"></div>
       </div>

但第二个控制台日志没有出现,尽管第一个控制台日志打印正确的颜色,颜色也不会改变rgb('255, 255, 255').

我究竟做错了什么？

Answer 1

这是因为你的IF声明不正确.

rgb(255,255,255) 不等于 rgb(255, 255, 255)

一个在值之间有空格,另一个没有