javascript - 自动将 html 单元格颜色更改回默认值

Question

我有一个 html 表，其中单元格颜色的更改取决于使用 php 从 mysql 中提取的数据，并且表上的颜色更新而无需刷新页面，但是我当前遇到的问题是单元格从灰色开始，但是当该值已停止被拉入 html 单元格不会变回灰色 对于我如何执行此操作有任何帮助吗？

抱歉我应该包含CSS

当前代码如下:

CSS:

table, td, th {
border: 1px solid black;
cellpadding: 2;
cellspacing: 2;
width: "100%";
height: "100%";
text-align: center; 
vertical-align: middle;
font-size: 48px;
background-color: #8F8F8F;
}

html:

$(document).ready(function() {
    for (var i = 0; i < 10; i++) {
        var row = $('<tr>').appendTo("#zoning tbody");
        for (var j = 1; j < 11; j++) {
            $(`<td class='${i * 10 + j}'>${i * 10 + j}</td>`).appendTo(row);
        }
    }

    $.get('php/beacon.php', function(response) {
        console.log(response);
        var row;
        response.forEach(function(item, index) {
            console.log(item);
            $(`td.${item.beacon}`).css('background-color', item.location);
        });
    });

    function upateTable() {
        $.get('php/beacon.php', function(response) {
            response.forEach(function(item, index) {
                console.log(item);
                $(`td.${item.beacon}`).css('background-color', 
item.location);
            });
        });
    }
    var updateTableInterval = setInterval(upateTable, 15000);
});

Answer 1

也许有一个默认的灰色背景类，然后创建一个重置函数，在您得到 PHP 查询的答案之前将所有单元格恢复为默认颜色？