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

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

 Class Code 3 Science  Class Code 4 Science  . . . 

样式定义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() ，这应该工作。

此外，您无法在table cell上调用change事件 – .change()用于select元素。