从DOM中删除元素时，是否可以阻止自动移动JQuery数据？

Question

从DOM中删除元素时是否可以阻止自动删除JQuery数据？

例如，当我在JQuery对象上设置一些数据时，例如：

$("#x").data("name", "assassinbeast");

如果我从DOM中删除它并再次将其附加到DOM，那么所有数据都将消失。

Answer 1

您可以使用 detach() 代替 remove() 。

  

.detach（）方法与.remove（）相同，除了.detach（）保留与删除的元素关联的所有jQuery数据。当删除的元素稍后要重新插入DOM时，此方法很有用。（ Taken from here ）

var x = $("#x").data("name", "assassinbeast");
x.detach()

console.log(x.data('name'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="x" data-name="dsdsdsdsd">Element</div>