更改表格单元格中的文本颜色（如果，否则）

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

这应该有效：

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

Answer 3

您可以像这样测试字段的内容：

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

Answer 4

是。您可以使用.each循环遍历所有表格单元格。然后，您可以获取单元格中的text和parse it as an integer (base 10)。如果小于5，您可以将css color更改为您想要的任何内容。

我假设所有数字都是整数，并且在页面加载后它们不会改变。

例如：

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

Try it!