Как установить цвет фона ячейки таблицы с помощью 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.