HTML:
<div id="test">
<p class="test1">test 1</p>
<p class="test2">test 2</p>
<p class="test3">test 3</p>
<p class="test4">test 4</p>
</div>
<div class="clickdiv">click</div>
jQuery
$('.clickdiv').on('click', function(){
$('.test1').clone().appendTo('#test');
}
这将导致又一个<p>
with class = "test1"
。现在我怎样才能删除第一个原来的呢?
我不知道为什么你不能只将元素附加到父元素,而不是克隆它然后删除它。
Anyway
$('.test1').remove().clone().appendTo('#test');
Demo: Fiddle http://jsfiddle.net/arunpjohny/xhDQy/
如果您想复制与关联的数据和处理程序test1
对于克隆,然后必须使用 @ra_htial 进行微小的更改
$('.clickdiv').on('click', function () {
var $el = $('.test1');
$el.clone(true).appendTo('#test');
$el.remove();
});
Demo: Fiddle http://jsfiddle.net/arunpjohny/aZTUW/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)