jquery - If/else 语句 - 使 "else"与之前的状态相同

Question

我 future 的网页上有特定的 -select- 选项，客户可以在其中选择 2 个值(白色值和黑色值)。这些选项改变了一些内容的外观。值白色是默认选项，当用户选择那个时我不需要改变任何东西。黑色是附加值，当客户选择它时，一些视觉效果会发生变化。我使用 jquery 和语句 if/else 进行这些更改(如果选择了值，则执行该操作，否则...)。

我现在的问题是，是否有任何简单的方法可以让 else 语句从“if”语句中“删除”所有这些更改并将所有内容恢复为默认状态，而无需一遍又一遍地编写相同的内容？

代码示例(这只是一个简单的示例):

    $("#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')
    }
});