[英]How to move the created content of a <div1> into a <div2> without moving the whole <div1> and keep creating elements in <div1>?
[英]put content of div1 into div2 onclick event
我有两个股利,如下所示:
<div id='div1'>
<p>Hello world!</p>
</div>
<div id='div2'>
</div>
<a id='test' href='javascript:void()'>Click me to fill in div2</a>
我一直在想,应该使用jquery来用div1 onclick的内容填充div2的最佳方法是
<div id='div1'>
<p>Hello world!</p>
</div>
使用.contents()
.clone()
和.append()
将$("#div1")
的内容克隆到$("#div2")
.append()
:
$("#div2").append($("#div1").contents().clone());
就像Andy的回答那样 ,与其求助于序列化为HTML然后再将其应用于其他元素,不如克隆节点更好。
$('#test').click(function(e) {
e.preventDefault();
$('#div1').contents().clone(true).appendTo('#div2');
});
这样做的好处是,克隆元素上的任何数据或事件都将继续存在于新元素上。 由于我使用过e.preventDefault()
,您也可能会丢失代码的javascript:void
,因为该链接的默认操作已被阻止。
请参阅jQuery API:
$('#div2').html($('#div1').html());
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.