javascript - 如果表格单元格的值小于另一个值，则使用 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');
    }
});