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

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作为字符串和数字，并且除了更改之外，我还尝试了过滤和添加。

score 3 · Accepted Answer

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

这应该够了吧。此外，您还缺少一个开放的 TR 标签：

score 0 · Accepted Answer

使用.val()，而不是.text()应该工作。

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

2 回答 2