html 类没有更新（没有页面刷新）-PHP中文网问答

我想要更新一个 HTML 类（无需页面刷新），实际值正在更新，页面上的其他项目也正确，但我无法使用代码 I' 更新该类的背景颜色我正在使用。

我正在尝试得到这个：


    
    
        
            Current Alarm State

更改为此（从 bg-green 到 bg-red）：


    
    
        
            Current Alarm State

所以我的代码如下所示：


    
    
        
            Current Alarm State

JavaScript 是这样的：

$.ajax({
url: "update_all.php",
type: "post",
dataType: "json",
success: function(response) {                
    var len = response.length;
    for (var i = 0; i < len; i++) {
    var alert_colour = response[i].alert_colour;
    $(".alert_colour").attr('class', alert_colour);  
    console.log(alert_colour);

    }
},
error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus, errorThrown);
}
});

}, 1000);

页面加载时alert_colour的值为info-box-icon bg-green。

页面加载时，它可以正常工作并显示绿色框，但如果 alert_colour 的值更改为 info-box-icon bg-red 它不会更新除非我刷新页面。

在控制台日志输出中，我看到它正确更新（当值更改时从 info-box-icon bg-green 到 info-box-icon bg-red ，但在屏幕上它只是保持页面加载时的状态。页面上还有其他值（文本）正在更新，只是类元素没有更新。