表格单元格中的文本颜色的条件变化(Conditional change of text colour

我尝试使用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 {颜色：红色;}

我想改变的第二列的颜色，当数量低于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元素。

文章来源: Conditional change of text colour inside table cell