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

【问题标题】：Conditional change of text colour inside table cell表格单元格内文本颜色的条件更改
【发布时间】：2013-03-23 02:05:15
【问题描述】：

我正在尝试使用 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 用作字符串和数字，并且尝试过滤和添加除了更改。

【问题讨论】：

【解决方案1】：

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

这应该可以解决问题。您还缺少一个开始的 TR 标签：

【讨论】：

【解决方案2】：

使用.val() 代替.text() 应该可以。

此外，您不能在 table cell 上调用 change 事件 - .change() 用于 select 元素。

【讨论】：