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

时间:2010-07-14 01:46:23

标签: jquery

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

说我的div1显示样式为none,另一个div“div2”带显示样式块。

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

4 个答案:

答案 0 :(得分:16)

.contents()可能就是您所需要的:

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

注意它将移动(不复制)内部元素从一个div到另一个div。

答案 1 :(得分:11)

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

但要回答你的问题。

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

答案 2 :(得分:0)

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

答案 3 :(得分:0)

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

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

像这样:

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