如何重置模态体

Question

我正在动态地尝试append引导模态的主体。这是模态的身体标记。

 <!-- try to indent the codes for readability -->
 <div class="modal-body">
     <div class="row text-left" style="margin-left: 2em;">
         <div class="form-group"></div>
     </div>
 </div>

这里是Jquery代码，用于在按钮的click事件上附加内容。

$('.form-group').append(EditHTML);

EditHTML是动态生成的标记。现在的问题是，每个按钮点击事件EditHTML都会添加上一个内容。我需要重置模态，每次按下按钮。请帮助。

Answer 1

只需使用.html()

即可

$('.form-group').html(EditHTML);

  

说明：.html()用于设置元素的内容时，任意   该元素中的内容完全被新元素替换   内容。另外，jQuery删除了其他构造，如数据   和替换这些元素之前的子元素的事件处理程序   新内容。

Answer 2

我不确定我是否理解正确：

$('.form-group').html(EditHTML);