Jquery HTML可变颜色

我有一个HTML表单，其中变量来自JSON。变量可以是“正在进行”、“待定”或“已完成”

是否可以基于变量保留窗体的背景

HTML代码如下所示：

$(function() {
    $.getJSON('C:/GChartServlet/end.json', function(statusDataSet) {
        $.each(statusDataSet.statuses, function(i, f) {
            if(f.name=="Autogen Program") {
                $("#end1").append(f.value);
            }
            else if(f.name=="Auto Approval Program") {
                $("#end2").append(f.value);
            }
            else if(f.name=="Time Transfer from OTL to BEE") {
                $("#end3").append(f.value);
            }
        });
    });
});

我试图根据表单从JSON中提取的值，以不同的颜色保留表单背景甚至值

我不熟悉HTML编码。感谢您的帮助

---

问候

@Barmar。。再次感谢您的帮助，但当我尝试使用它时，我总是在第17行出现错误未捕获SyntaxError:意外字符串。第17行是“switch（f.value）{”进行中：“哎呀，我在

switch

块中遗漏了

case

关键字。现在已修复。@Barmar..再次感谢您的帮助，但当我尝试使用它时，我不断收到错误未捕获的语法错误：第17行出现意外字符串。第17行是“switch（f.value）”{“进行中”：“哎呀，我在

开关

块中漏掉了

大小写

关键字。现在已修复。@Barmar..再次感谢您的帮助，但当我尝试使用它时，我总是在第17行收到错误未捕获的语法错误：意外字符串。第17行是“开关（f.value）{”进行中”：哎呀，我在

开关

块中漏掉了

大小写

关键字。现在已修复。@Barmar..再次感谢您的帮助，但当我尝试使用它时，我一直在第17行收到错误未捕获的语法错误：意外字符串。第17行是“开关（f.value）{”进行中：哎呀，我在

开关

块中遗漏了

大小写

关键字。现在修复了。

$.getJSON('C:/GChartServlet/end.json', function(statusDataSet) {
    $.each(statusDataSet.statuses, function(i, f) {
        var color;
        switch(f.status) {
            case "In Progress":
                color = "yellow";
                break;
            case "Pending": 
                color = "red";
                break;
            case "Completed": 
                color = "green";
                break;
        }
        if(f.name=="Autogen Program") {
            $("#end1").append(f.value).css('background-color', color);
        }  else if(f.name=="Auto Approval Program") {
            $("#end2").append(f.value).css('background-color', color);
        } else if(f.name=="Time Transfer from OTL to BEE") {
            $("#end3").append(f.value).css('background-color', color);
        }
    });
});