如果表格单元格的值小于另一个，则使用Javascript更改表格单元格颜色

Question

无法弄清楚我在做错了什么：

当数据值小于单元格.tt时，只希望单元格dd为红色

HTML：

<table class="colorMe">
    <tr><td class="tt">2000</td><td>3500</td></tr>
    <tr><td>3000</td><td>2500</td></tr>
    <tr><td id="dd">4000</td><td>4500</td></tr>
</table>

JS：

$(".colorMe .tt" ).each(function() {
    var val = parseInt(this.innerHTML, 10);
    if (val < document.getElementById("dd");) {
        this.style.backgroundColor = "#F00000";
    }
});

不知道为什么这不起作用。

Answer 1

你必须像第一次那样获得两个值。

$('.colorMe .tt').each(function() {
    var val = parseInt( $(this).text(), 10),
        dd = parseInt( $('#dd').text(), 10);
    if (val < dd) {
        $(this).css('background-color', 'red');
    }
});