Javascript jQuery在没有.html（）方法的情况下将div加载到另一个

我有一个div（让我们称之为土豆），我想出现在另一个div（食物）中。实现这一点的典型方法是：

$("#food").html ( $("#potatoes").html()); 

然而，这并不能实现我想要的。jQuery似乎没有使用实际的“土豆”div，而是将该内容复制到food div中，其中原始内容仍然存在于浏览器中

我希望实际的div（土豆）从原来的位置消失，并出现在容器div（食物）中，而不必执行perform.hide（）。。。或类似的方法

为什么?？我有一些选择器，可以启用和禁用potates div中的按钮，它们似乎会触发potates div的原始内容，但不会触发加载到food div中的重复内容

这有意义吗？有谁能告诉我为什么会这样，我应该怎么做

旁注：

$(document).on('click','#button-loaded-with-page', {} ,function(e){
    this.disabled = true;
    $('#button-inside-potatoes-div').hide();
});

上面的例子是我想要实现的，但是当土豆内容通过

.html（）

方法加载到食物中时，没有隐藏按钮。相反，它会隐藏页面上的原始按钮，而不是重复的按钮

---

我试图实现的目标：

您只需将对象传递给

演示：

您可以使用更改父级。这会将

#potates

对象从其当前的DOM位置移出，并作为孩子移动到

#food

div中

$("#food").append($("#potatoes"));

---

更换后，您只需按如下方式卸下div即可：

$("#a").html($("#b").html());
$("#b").remove();
$("#button-to-enable").prop("disabled", false);

---

jQuery文档没有提到能够将jQuery对象传递到

html（）

。这是如何产生兴趣的？@RGraham在

html

代码中可以找到

if（elem）{this.empty（）.append（value）；}

@ArunPJohny有趣！他们真的应该记录下来。真不敢相信你已经记住了消息来源：）@RGraham我以前在什么地方看到它时也问过同样的问题。。于是去了源头，搜索并找到了这个。。现在，因为我记得它，我去的来源和复制它

$("#a").html($("#b").html());
$("#b").remove();
$("#button-to-enable").prop("disabled", false);