表格单元格内文本颜色的条件更改

Question

我尝试使用jQuery有条件地更改某些表格单元格的颜色。我有一张桌子：

<tr>
<td>Class Code</td>
<td class="qty">3</td>
<td>Science</td>
</tr>
<td>Class Code</td>
<td class="qty">4</td>
<td>Science</td>
</tr>
. . . 

样式定义lowqty {color：red;}

当数字低于4时，我想更改第二列的颜色。 我试图用以下方法做到这一点，但还没有让它发挥作用。

$('.qty').change(
function() {
    if ($(this).text() <= 3 ) {
        $(this).addClass('lowqty');
    }
    });

我已将3作为字符串和数字进行了尝试，除了更改之外，我还尝试过滤和添加。

Answer 1

$('.qty').each(function() {
    if (parseInt($(this).text()) < 4) {
        $(this).addClass('lowqty');
    }
});

这应该可以解决问题。你也错过了一个开放的TR标签：

http://jsfiddle.net/suDqH/

Answer 2

使用.val()代替.text()，这应该有用。

另外，您无法在change上调用table cell个活动 - .change()是select个元素。