Изменить цвет текста в ячейке таблицы (если, иначе)

Question

Если у вас есть такая таблица ...

<table>
<tr>
<td class="cell1">20</td>
</tr>
</table>

и так далее ... с более чем одним <td> конечно ..

Теперь я хотел бы изменить цветтекста в <td>, если число меньше 5.

Возможно ли это с jQuery?

В <td> нет поля ввода или абзаца, только текст.

Answer 1

$('.cell1').each(function(i, n) {
   if($(n).text() < 5) $(n).css('color', 'green');
});

Выполните итерацию по каждой ячейке, проверьте значение, затем измените соответственно

http://jsfiddle.net/bQfb6/2/

Answer 2

Да. Вы можете использовать .each для просмотра всех ячеек таблицы. Затем вы можете получить текст в ячейке и проанализировать его как целое число (основание 10) . Если оно меньше 5, вы можете изменить css color на любой, какой вы хотите.

Я предполагаю, что все числа являются целыми числами и что они не меняются после загрузки страницы.

Например:

$("td").each(function(){
   $cell = $(this);
   if(parseInt($cell.text(),10) < 5){
      $cell.css("color", "red");
   }
});​

Попробуйте!

Answer 3

Вы можете проверить содержимое поля следующим образом:

$('.cell1').each(function() {
    if($(this).text() < 5) { 
        $(this).css('color', 'red');
    }
});

Answer 4

Это должно работать:

$("table.myTable td").each(function(){
    if(parseInt($(this).html())<5){
        $(this).addClass("newColor");
    }
});