javascript - Jquery Remove 并没有完全删除元素

Question

根据 Jquery 文档 .remove 将删除父标记内的元素和嵌套的 html 元素。

使用 Jquery 示例

<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>

$( ".hello" ).remove();

会给予

<div class="container">
<div class="goodbye">Goodbye</div>
</div>

但是，我可能做错了，但我需要使用 jquery 来移动元素。

如果我执行以下操作:

<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
<textarea></textarea>
</div>
<div class="test"></div>

var container = $(".container")[0].outerHTML;
$(".container").remove();
$(".test").append(container);

这将复制包含父元素的容器，删除 html 元素，然后将数据附加到 .test 中。如果我然后尝试像这样在 textarea 之后添加一个元素:

$("textarea").after("<p>abc123</p>");

不是将段落应用到留下的文本区域，而是将它应用到原始文本区域应该所在的位置以及新的文本区域。

有谁知道这是因为我这样做的方式还是有解决办法？

提前感谢您的宝贵时间。

Answer 1

append() 移动元素，你根本不需要 remove() 它

$(".test").append($(".container"));