如何使用jQuery設置表格單元格的背景顏色

Question

我已經編寫了一個使用ASP GridView來顯示數據表格的ASP.net頁面。

我想寫一些JavaScript，它會將每個包含值'0'的紅色單元格着色。我想我可以使用諸如$（「td」），each或document.getElementsByTagName（'td'）之類的東西。我有一些CSS，我想申請單元格使它們變成紅色。

我該如何做到這一點與jQuery（或沒有jQuery）？

Answer 1

$("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 2

喜歡的東西

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

如果你只是渲染數據在服務器端生成，雖然，那我就應用類服務器端，而不是使用JavaScript。

Answer 3

jQuery的filter()方法使這很短：

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

或使用CSS類：

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