“this”关键字是否返回DOM元素

Question

我有一项任务，我需要在点击另一个带有classname sortingContainer 的“div”元素时，使用classname clearOnHover 移动元素。为此我写了下面的代码。

$("body").on('click','.clearOnHover',function(){            
      $('.sortingContainer').append(this);              
});

“this”变量从DOM中的原始位置删除带有类名“clearOnHover”的标记，并将其附加到“sortingConatiner”div。

你能帮助我理解为什么要从DOM中删除元素，以及究竟是什么导致它。？

http://jsfiddle.net/NMWwL/1/

Answer 1

append()将始终从其原始位置移除DOM元素。如果您需要复制它，请改用clone()。

来自jquery docs：

  

如果以这种方式选择的元素被插入到DOM中其他位置的单个位置，它将被移动到目标中（未克隆）