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>
与 class = "test1"
。现在我怎样才能删除第一个原始的呢?
最佳答案
我不知道为什么你不能将元素附加到父元素,而不是克隆它然后删除它。
无论如何
$('.test1').remove().clone().appendTo('#test');
演示:Fiddle
如果您想将与 test1
关联的数据和处理程序复制到克隆,则必须使用 @ra_htial 进行细微更改
$('.clickdiv').on('click', function () {
var $el = $('.test1');
$el.clone(true).appendTo('#test');
$el.remove();
});
演示:Fiddle
关于jquery - 克隆后如何删除原始元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18735935/