完全切割并粘贴元素

Question

我可以从一个位置剪切（完全，包含所有样式和属性）元素并使用jQuery将其粘贴到另一个位置（如body）吗？

另外，我想在旧位置放置一个字符串（或标签），因为我想将其位置更改为脚本末尾的旧位置。

我可以吗？ 怎么样？

谢谢。

Answer 1

appendTo()会自动将匹配的元素从当前位置移动到指定的容器，这似乎就是您想要的。

您可以在移动元素之前使用after()插入新内容：

$("#yourElement").after("<p>Element was there</p>").appendTo("body");

Answer 2

正如@lvan建议的那样，

.detach()更适合这项任务。

jQuery(jQuery("#yourElement").detach()).appendTo("body");

Answer 3

你可以通过克隆来做到这一点 首先将其复制到另一个位置

$('#yourElement').clone().appendTo('#anotherDiv');

然后删除旧的，

 $('#parentOfOldElement #yourElement').remove();

或者您可以替换它以便以后获取

  $('#parentOfOldElement #yourElement').replaceWith('<div id="toReplaceAgain">/div>');

Answer 4

如果您有类似的HTML代码：

<div class="a">
   <div class="b"></div>
</div>

您可以执行以下操作：

var div = '<div class="a">'+
          '<div class="b"></div>'+
          '</div>';
$("body").append(div);

Answer 5

insertAfter() 和 insertBefore() 完全是剪切和粘贴方法。