独书先生 Menu

Viewing all items for tag 剪切元素

剪切一个HTML元素到页面上的另一个地方 | Web基础

前端基础知识点巩固

方法:先clone 再append

代码:

HTML:

<div class="container">
    <div class="div1">
        <p class="p1" style="color:red;">
            文字
        </p>
    </div>
    <div class="div3"></div>
</div>

JS:

var $p1 =$(".div1").find(".p1");
var copyP = $p1.clone(true);
$(".div3").append(copyP);
$p1.remove();

 

PS :1.样式也会带过去

2.记得引用jQuery