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

move content from one hidden div to another displayed div

提问by user384080

how do i move content from one hidden div to another displayed div using jquery?

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

say i have div1 with display style is none and another div "div2" with display style block.

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

how do I move the content from div1 to div2 and clear div1?

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

回答by D.Tate

.contents()may be what you need:

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

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

Take note that it will move(not copy) the inner elements from one div to the other.

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

回答by Stephen Wrighton

Why not just show the hidden div and hide the displayed one?

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

But to answer your question.

但是要回答你的问题。

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

回答by meder omuraliev

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

回答by RPM1984

First you'd need to get the HTML from DIV1, and then set the HTML in DIV2.

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

Use the get/set operations available on the .html()selector.

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

Like this:

像这样：

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