Question

我在未来的网页上有一些选择 - 选项，客户可以选择2个值（值白色和黑色值）。这些选项会改变某些内容的外观。值白色是默认选项，当用户选择那个时，我不需要更改任何内容。价值黑色是另外一个，当客户选择它时，一些视觉事物会发生变化。我使用jquery和statemants进行这些更改，如果是/ else（如果选择了值那么做，否则......）。

我现在的问题是，有没有简单的方法来制作其他声明＆＃34;删除＆＃34;所有这些变化来自＆＃34; if＆＃34;声明并将所有内容返回到默认状态，而不是一遍又一遍地写相同的东西？

代码示例（这只是简单的示例）：

    $("#optioncolor").change(function(){
    if ($("#optioncolor").val() == "#262626") {
    $("#row").css("background-color", "rgba(0, 0, 0, 0.8)");
    $("#botbor").css("background", "white");
    } else {
    ???
    }
});

使用else，我想删除整个if语句！

我希望你理解。感谢。

Answer 1

正如 Chetan V 已经指出的那样，使用removeAttr('style')清除元素上任何先前定义的样式。

$("#optioncolor").change(function(){
    if ($("#optioncolor").val() == "#262626") {
        $("#row").css("background-color", "rgba(0, 0, 0, 0.8)");
        $("#botbor").css("background", "white");
    } else {
        $("#row").removeAttr('style')
        $("#botbor").removeAttr('style')
    }
});

if / else statement - make＆＃34; else＆＃34;与州

1 个答案: