jquery - 有条件地更改表格单元格内的文本颜色

Question

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

<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/