2014-01-31 17 views
0

我有,我需要與點擊類名clearOnHover元素移動到另一個「格」元素與類名sortingContainer的任務。爲此我寫了下面的代碼。請問「this」關鍵字返回的DOM元素

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

「這個」變量刪除與類名「clearOnHover」標籤在DOM原來的位置,並追加到「sortingConatiner」分區。

你能幫我理解爲什麼元素被從DOM中刪除,究竟是什麼導致了它。從它的原始位置

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

+0

有一個有關使用jquery刪除,克隆和移動元素的文章:http://www.elated.com/articles/jquery-removing-replacing-moving-elements/ - 可能會有用。是的,jQuerys追加可以做到這一點,將一個元素從一個容器移動到另一個容器。 –

回答

1

append()永遠刪除DOM元素。如果您需要複製它,請改爲使用clone()

jquery docs

如果選擇這樣一個元件被插入在DOM別處的單個位置,這將被移動到目標(未克隆)