删除了HTML元素.什么是最简单的方法？

Question

在我的主页面中,我有一个简单的表格.我已经做到了这一点,当用户点击"提交"按钮时,我将表单数据发送到服务器端,并且在提交后我也使用Jquery删除表单.但是,我希望有一种方法可以让我在删除表单后单击一个按钮时,它会再次显示与删除之前完全相同的内容.

当我单击表单提交按钮时,我不希望表单不可见; 我希望从页面中删除表单.我每次删除它时都必须创建一个新表单,与删除它一样,还是有办法在单击"恢复"按钮时将其恢复？

以防万一,我使用JADE渲染其他东西......我不确定是否需要它.对不起任何错误,我是编程新手.如果需要,我可以提供更多信息.

Answer 1

您可以.is()用来检查元素是否在document,.detach()

var div = $("div");
$("button").click(function() {
  if (div.is("button + div")) div.detach();
  else div.insertAfter(this)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button>toggle div</button>
<div>abc</div>