javascript - 移除了 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>