Jquery 将内容从一个隐藏分区移动到另一个显示分区

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

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

---

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

首先需要从div1获取HTML，然后在div2中设置HTML

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

使用选择器上提供的获取/设置操作

像这样：

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

---

为什么不显示隐藏的div并隐藏显示的div呢

但要回答你的问题

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

.contents（）

可能是您需要的：

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

---

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

您要将内容移动到哪里？在特定的目标中预先添加或追加，等等？我在这里找到了一个与此问题相关的好答案：错误：Microsoft JScript运行时错误：对象不支持此属性或方法已修复。如果您遇到运行时错误，很可能不是我们的代码，而是您这边的其他问题。@ronald yoh-页面中是否包含jQuery？当您的问题被jquery标记时，有一个假设您正在使用它。虽然很小，但对于第二行，请使用

.empty（）

-在语义上更明确（而且速度稍快）。听起来像页面上的其他内容。我创建了一个只有两个div的简单页面，上面的代码运行良好（其他人的类似答案也是如此），请注意表单在MVC框架上。。它的行为可能会有所不同。。thanksjavascript/jquery只处理html和DOM（客户端），它与什么web服务器技术（web表单、mvc）无关。不确定您是否需要周围的$（）-您可以将其设置为

$（'#div1'）.contents（）.appendTo（'#div2'）@jbyrd这很有可能。。。也许有人可以做一个JSFIDLE。或者你可以随意编辑我的帖子，如果你非常确定它可以工作的话。是的，我刚刚确认它可以工作，没有额外的$（）。