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

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

说我div1与显示样式是无和另一个div“div2”与显示样式块。

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

2010-07-14 user384080

你将内容转移到哪里？预先或附加在特定目标中，等等？ – 2010-07-14 01:48:23

我在这里发现了一个与此问题相关的良好答案： http://stackoverflow.com/questions/2792352/how-do-you-move-html-from-one-div-to-another-with- jquery-without-breaking-javasc – netusco 2012-02-02 11:55:42

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

来源

2010-07-14 01:48:43

错误：Microsoft JScript运行时错误：对象不支持此属性或方法 – user384080 2010-07-14 02:06:28

已修复。如果你得到那个运行时错误，很可能它不是我们的代码，它是你的最终目标。 – 2010-07-14 04:59:50

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

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

像这样：

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

来源

2010-07-14 01:48:46 RPM1984

得到这个错误：htmlfile：未知的运行时错误 – user384080 2010-07-14 02:04:36

听起来像你的网页上的其他东西。我创建了一个简单的页面，只有两个div，上面的代码工作正常（正如其他人的回答一样） – RPM1984 2010-07-14 05:52:20

请注意窗体是在MVC框架..它可能会有不同的表现..谢谢 – user384080 2010-07-14 06:49:42

为什么不显示隐藏股利和隐藏显示的一个？

但要回答你的问题。

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

来源

2010-07-14 01:51:15

htmlfile：未知的运行时错误 – user384080 2010-07-14 02:05:17

@ ronald-yoh - 你是否在页面中包含jQuery？当你的问题被标记为jquery时，你有一个假设使用它。 – 2010-07-14 02:06:44

是的..我使用jquery – user384080 2010-07-14 06:49:06

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

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

注意到，它将移动（不是复制）从一个格内的元素到其他。

来源

2014-01-14 17:39:19

不知道你需要周围的$（） - 你可以使它'$（'＃div1'）。contents（）。appendTo（'＃div2'）;' – jbyrd 2017-01-10 21:09:37

@jbyrd这很有可能......也许有人可以做一个jsfiddle。或者随意编辑我的帖子，如果你确定这是可行的 – 2017-01-10 23:35:59

是的，我刚刚证实它没有额外的$（）。 – jbyrd 2017-01-11 02:11:59

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

回答

相关问题