jquery - 使用append()移动DOM元素？

Question

我有一个 div 元素，例如

<div id="move">Something</div>

...我想移动从 DOM 中的一个位置到另一个位置。我可以使用 appendTo() 来完成此操作，如下所示:

$('#move').fadeOut(500, function() {
   $(this).appendTo('#another-container').fadeIn(500);
});

...或者这会重复它吗？

如果重复，DOM 中就会有两个具有相同 id 的元素。我怎样才能避免这种情况？

Answer 1

是的，appendTo 方法从 DOM 树中移动元素。如果你想复制一个元素，可以使用.clone()。

示例:

Body:   <div>
           <a>Test</a>
        </div>
        <span></span>
jQuery code:
   $("a").appendTo("span");

After:  <div></div>
        <span>
           <a>Test</a>
        </span>