2014-03-26 131 views
1

我想添加和刪除DOM中的元素。刪除我正在使用JQuery remove()函數。在刪除元素之前,我正在使用clone()方法應對該元素:刪除並追加DOM元素

element = $("#list-view").clone();  
$("#list-view").remove(); 

這是完美的。但在另一種情況下,我想再次將相同的元素附加到DOM。所以我使用了我之前克隆的元素:

document.getElementById("container").appendChild(element); 

但是追加元素時沒有任何事情發生。我錯過了什麼?

+1

你可以使用'.detach()'https://api.jquery.com/detach/來簡化你的邏輯。 '.detach()'數據將被保留,例如綁定到元素或子元素的處理程序。這通常是首選/更合適的方法 –

回答

11

element是一個jQuery對象,而不是一個DOM元素,以便使用

element.appendTo('#container') 

演示:Fiddle

在控制檯,你應該得到的錯誤Uncaught NotFoundError: Failed to execute 'appendChild' on 'Node': The new child element is null.

演示:Fiddle

+0

太棒了!它的工作完美:) –

+0

其實我在手機上使用這個,所以我不能看到錯誤日誌:( –

+0

@downvoter我沒有錯過任何東西 –