jquery - 根据单元格中的数据库数据更改表数据单元格的颜色

Question

我有一个用 jquery Mobile 构建的 HTML 页面，它使用 AJAX、JSON 和 php 从数据库中提取数据。然后它循环访问数据库/表，并填充表。那里一切都运转良好。但是，一旦填充表数据单元格，我似乎无法弄清楚如何更改表数据单元格背景颜色。 IE:对于表中的每条记录，都有一个“状态”文本字段，一旦代码完成，该字段的文本值为“正在运行”或“已取消”。我希望显示“正在运行”或“已取消”的单元格为绿色或红色，具体取决于值。红色表示已取消，绿色表示正在运行。如果您能提供帮助，请告诉我。该表由 AJAX、JSON、PHP MYSQL 数组填充，因此我表的输出如下所示:

for(var i = 0; i < data.length; i++) {
     $('#output').append("<table width=100%><tr><td width=20%><b>"+data[i][1]+"</b></td><td width=20%><b>"+data[i][8]+"</b></td><td width=20%><b>"+data[i][2]+"</b></td><td class=statusClass width=20%><b>"+data[i][3]+"</b></td><td width=20%><b>"+data[i][4]+"</b></td></tr></table>");      
    }

如果您想查看此页面的所有代码，请告诉我。

Answer 1

试试这个:

$("#output td:contains(RUNNING)").attr("style","background-color:green");
$("#output td:contains(CANCELLED)").attr("style","background-color:red");

jsFiddle:http://jsfiddle.net/hescano/LfnQs/