如何使用jQuery设置表格单元格的背景颜色

Question

我编写了一个ASP.net页面，它使用ASP GridView来显示数据表。

我想编写一些JavaScript，将每个包含值“0”的单元格着色。我想我可以使用$（“td”）。each或document.getElementsByTagName（'td'）。我有一些CSS我想应用于单元格使它们变红。

如何使用jQuery（或不使用jQuery）？

Answer 1

jQuery的filter()方法非常简短：

$("td").filter(function() {
    return $(this).text() == "0";
}).css("backgroundColor", "red");

或者使用CSS类：

$("td").filter(function() {
    return $(this).text() == "0";
}).addClass("YourRedClass");

Answer 2

$("td.td-in-grid-class").each(function() {
    if($(this).text() == "0") {
        $(this).attr("class", "red"); // assume you have css class named "red" 
        $(this).attr("style", "background-color:#ff0000;"); // alternative
    }
});

Answer 3

像

这样的东西

$("td").toggleClass("my_css_class");

如果您只是渲染服务器端生成的数据，那么我会应用类服务器端而不是使用javascript。