我有一个内置在jquery Mobile中的HTML页面,该页面使用AJAX,JSON和php从数据库中提取数据。然后,它遍历数据库/表,并填充表。一切都在正常进行。但是,一旦填充了表格数据单元格,我似乎无法弄清楚如何更改表格数据单元格背景色。 IE:对于表中的每个记录,一旦完成代码,就存在一个“状态” TEXT字段,其文本值为“ RUNNING”或“ CANCELLED”。我希望“正在运行”或“已取消”说的单元格为绿色或红色,具体取决于值。红色表示已取消,绿色表示正在运行。如果您可以提供帮助,请告诉我。该表由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>");
    }


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

最佳答案

尝试这个:

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


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

关于jquery - 根据单元格中的数据库数据更改表数据单元格的颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16022385/

10-12 12:34
查看更多