完全切割并粘贴元素

mrd*_*iri 36 javascript jquery

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

此外,我想在旧位置放置一个字符串(或标记),因为我想将其位置更改为脚本末尾的旧位置.

我可以吗?怎么样?

谢谢.

Fré*_*idi 40

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

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

$("#yourElement").after("<p>Element was there</p>").appendTo("body");
Run Code Online (Sandbox Code Playgroud)


kam*_*pal 17

.detach() 正如@lvan建议的那样,更适合这项任务.

jQuery(jQuery("#yourElement").detach()).appendTo("body");
Run Code Online (Sandbox Code Playgroud)


Jay*_*ena 8

您可以通过克隆首先将其复制到另一个位置

$('#yourElement').clone().appendTo('#anotherDiv');
Run Code Online (Sandbox Code Playgroud)

然后删除旧的,

 $('#parentOfOldElement #yourElement').remove();
Run Code Online (Sandbox Code Playgroud)

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

  $('#parentOfOldElement #yourElement').replaceWith('<div id="toReplaceAgain">/div>');
Run Code Online (Sandbox Code Playgroud)

  • `.detach()`可以用来代替`clone()`和`remove()` (7认同)