我怎样才能保留价值 <input> 元素何时拖放？

Question

我有一个网页，其中有两个<div> 。 这两个元素都是可拖动的。 当一个放在另一个之上时，位置被切换。 目前，JS的工作方式是实际切换innerHtml两种元素的属性（这意味着我们得到innerHtml拖动的元素时， innerHtml拖放区的元素，并且这两个属性设置为其他元素的值）。

这对于切换元素的位置效果很好。 但是，发生切换时，两个<div>中的<input>元素中的数据都将被删除。 拖放时如何保存这些数据？

我尝试了以下方法：

• 切换DOM节点引用本身，而不是innerHtml属性
• 使用cloneNode()和$.clone()
• 除了innerHtml之外，还获取value属性，并进行切换。 之所以被拒绝，是因为由于代码的结构方式，这是不切实际的。

如果有帮助，我可以使用JQuery。

Answer 1

您可以使用jQuery的.detach()和.append()方法。

要在DOM上移动div，请调用$(div).detach(); 将其从当前位置删除，然后调用$(newParent).append(div); 将其附加到新位置。

我假设div和newParent要么是元素本身，要么是用于检索正确元素的选择器。

另请参阅此答案 。