将内容从一个隐藏的 div 移动到另一个显示的 div答案

【问题标题】：move content from one hidden div to another displayed div将内容从一个隐藏的 div 移动到另一个显示的 div
【发布时间】：2017-01-11 11:17:32
【问题描述】：

如何使用 jquery 将内容从一个隐藏的 div 移动到另一个显示的 div？

假设我有一个显示样式为 none 的 div1 和另一个显示样式块的 div“div2”。

如何将内容从 div1 移动到 div2 并清除 div1？

【问题讨论】：

标签： jquery

【解决方案1】：

.contents() 可能是你需要的：

$('#div1').contents().appendTo('#div2')

请注意，它将移动（而不是复制）内部元素从一个 div 到另一个。

【讨论】：

【解决方案2】：

为什么不只显示隐藏的 div 并隐藏显示的 div？

但要回答你的问题。

 $('#div2').html($('#div1').html());
$('#div1').html('');

【讨论】：

【解决方案3】：

首先您需要从 DIV1 获取 HTML，然后在 DIV2 中设置 HTML。

使用.html() 选择器上可用的get/set 操作。

像这样：

var div1Html = $('#div1').html();
$('#div2').html(div1Html);

【讨论】：

【解决方案4】：

$( $('#div1').html() ).appendTo('#div2')

【讨论】：