Question

我正在尝试使用if statement将css样式切换为几个元素。我使用了很多if statements，但我觉得可以使用带有值if statement的数组进行简化。

这是我到目前为止所做的工作：

var linkValues =  $("#links-active-picker").val() && $("#links-panel-picker").val();

if(linkValues == "#009bd1"){
    $("#light-blue").parent().addClass("selected");
}

if(linkValues == "#0bdea1"){
    $("#light-green").parent().addClass("selected");
}  

if(linkValues == "#edd531"){
    $("#yellow").parent().addClass("selected");
}

Answer 1

我会创建一个简单的对象

var obj = {
    "#009bd1": "#light-blue",
    "#0bdea1": "#light-green", 
    "#edd531": "#yellow"
};

然后再做

if (obj[linkValues]) {
    $(obj[linkValues]).parent().addClass('selected');
}

Answer 2

var obj = {
    "#009bd1": "#light-blue",
    "#0bdea1": "#light-green", 
    "#edd531": "#yellow"
};

if(linkValues in obj){
   $(obj[linkValues].parent().addClass('selected');
}

使用数组填充if语句值

2 个答案: