比较负值在Javascript中无法正常工作

Question

我有以下代码，它根据单元格内的数值更改表格数据单元格的背景颜色。
虽然所有其他比较按预期工作，但比较永不进入该块。
这是代码：

//Change Background Color for all P/L values 
$(".PLcolors").each(function(index, value) { 

    var val = Number(parseFloat($(this).text(), 10)); 

    console.log("value is " + val); 

    if (val === 0) { 
    $(this).css("background-color", "#DCDCDC"); 
    } else if ((val => -3000) && (val <= 3000)) { 
    $(this).css("background-color", "#F0E68C"); 
    } else if (val < (-3000)) { 
    $(this).css("background-color", "#FF0000"); 
    } else if ((val > 3000)) { 
    $(this).css("background-color", "#008000"); 
    } 
}); 

VAL变量的类型是数字。

Answer 1

你的JS里面有一个错误，你设置了=>而不是>=。它修复了：

else if (val >= -3000 && val <= 3000) { 

//Change Background Color for all P/L values 
 
$(".PLcolors").each(function(index, value) { 
 

 
    var val = Number(parseFloat($(this).text(), 10)); 
 

 
    console.log("value is " + val); 
 

 
    if (val === 0) { 
 
    $(this).css("background-color", "#DCDCDC"); 
 
    } else if (val >= -3000 && val <= 3000) { 
 
    $(this).css("background-color", "#F0E68C"); 
 
    } else if (val < -3000) { 
 
    $(this).css("background-color", "#FF0000"); 
 
    } else if ((val > 3000)) { 
 
    $(this).css("background-color", "#008000"); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li class="PLcolors">1</li> 
 
    <li class="PLcolors">-3001</li> 
 
    <li class="PLcolors">3001</li> 
 
    <li class="PLcolors">0</li> 
 
</ul>