jQuery undo click（）函数更改

我想对表单输入文本字段上的css和类进行一些更改，当用户单击回复按钮时，我使其工作，但底部的表单仍保留更改。 所以我的问题是：有没有办法撤消这些更改并将表单返回到以前的状态

$(".comment-reply-link").click(function() {
    if($("#commentform").width() < 590){
        $("#commentform input[type='text']").css("margin-left","0");
        $("#commentform input[type='text']").removeAttr('class');
    }
})

$（“.comment-reply-link”）。单击（函数（）{
如果（$（“#注释形式”）.width（）<590）{
$（“#commentform input[type='text']”）css（“左边距”，“0”）；
$（“#commentform输入[type='text']”）。removeAttr（'class'）；
}
})

如果要撤消内联样式，可以：

$("#commentform input[type='text']").css("margin-left","");

---

例如，这将重置/撤消您的内联样式

左边距
如果没有方法存储DOM中发生的更改并在需要时恢复，请执行此操作。您可以像下面这样实现

 $('.element').bind('click', plus10);
 $('.revertChange').bind('click', minus10);
 var input = $('#someInput');

 function plus10(){ 
      input.val(input.val() * 1 + 10); 
 }
 function minus10(){ 
      input.val(input.val() * 1 - 10); 
 }

 $('element').toggleClass( "someClass" );

如果您试图添加样式并使用必要的样式创建一个类，则切换该类

 .someClass{
      margin:10px;
      color:green;
      /* ...... */
 }

然后在元素上切换类，如下所示

 $('.element').bind('click', plus10);
 $('.revertChange').bind('click', minus10);
 var input = $('#someInput');

 function plus10(){ 
      input.val(input.val() * 1 + 10); 
 }
 function minus10(){ 
      input.val(input.val() * 1 - 10); 
 }

 $('element').toggleClass( "someClass" );

这是一种使用jquery数据存储克隆状态并随时恢复它的方法。无论您对图元所做的更改数量如何。
比如说,


HTML

<div id="commentform">
    <input type="text" class="red-border" />
    <button class="comment-reply-link">test</button>
</div>
<button class="undo">undo</button>

是的，但如何触发该事件？当他们单击提交或取消按钮进行这些更改时，我是否必须为其创建另一个单击功能？@JetonRamadani好的，您希望何时重置它？不清楚你所说的“底部的形式”是什么意思。请给我一个回复按钮，以便我能看到你的问题。对不起，我的不好，每个评论旁边都有一个回复按钮，当点击表单时，我做了这些更改。现在表单可以选择取消或提交评论。所以，我可以在这些按钮上再次单击（）来重置这些更改@nkmolThis sounds@nkmolThis对我来说是css的快速修复。单击回复按钮时是否确实需要css操作？我真的建议做一个测试，然后我可能会看到你的底图问题。@JetonRamadani，只使用css。将注释表单附加到注释后，请应用其他样式。例如，如果注释具有类
.comment
，则可以使用
.comment\commentform input[type='text']
覆盖css。您可以在任何需要的事件下使用相同的代码将值重置回其以前的值。您可以使用setTimeout（）在按下“reply”按钮后自动恢复。