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

Question

我在未来的网页上有某些 -select- 选项，客户可以在 2 个值（白色值和黑色值）之间选择 select。这些选项改变了一些内容的外观。值白色是默认选项，当用户选择那个时我不需要改变任何东西。黑色值是附加值，当客户 select 购买它时，一些视觉效果会发生变化。我使用 jquery 和陈述句 if/else 进行这些更改（如果值为 selected 则执行此操作，否则...）。

我现在的问题是，有没有什么简单的方法可以让 else 语句 "delete" 从 "if" 语句和 return 所有这些更改到默认状态，而不用写太多相同的东西一遍又一遍？

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

    $("#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 语句 - 使 "else" 与之前的状态相同

If/else statement - make "else" same as before state

css

jquery

if-statement

statements

conditional-statements