代码之家 › 专栏 › 技术社区 › Vivian River

如何用jquery设置表单元格的背景色

gridview jquery asp.net

2

Vivian River · 技术社区 · 15 年前

我编写了一个ASP.NET页面,它使用ASP网格视图显示数据表。

我想写一些javascript,将包含值“0”的每个单元格涂成红色。我想我可以使用诸如$(“td”).each或document.getElementsByTagname(“td”)之类的东西。我有一些CSS要应用到单元格中,使其变红。

如何使用jquery(或不使用jquery)执行此操作?

3 回复 | 直到 15 年前

1

3

Frédéric Hamidi 15 年前

jquery的 filter() 方法使其非常短:

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

或者使用CSS类:

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

2

1

Arief 15 年前

$("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
    }
});

3

0

D'Arcy Rittich 15 年前

有点像

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

但是,如果您只是在呈现服务器端生成的数据,那么我将应用类服务器端而不是使用JavaScript。