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

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

  •  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。