Условное изменение цвета текста внутри ячейки таблицы

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 {цвет: красный;}

Я хочу изменить цвет второго столбца, когда число ниже 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 элементов.