如何用JQuery去除元素的內容？

Question

說我有一個div和其中的一些內容。

<div> 
     Content 
</div> 

有了JQuery，我該如何清空div而不移除div，只有裏面的內容？

Answer 1

可以使用empty函數刪除一個元素的所有子節點（及其所有內容）：

$('#elementId').empty(); 

空的功能也將刪除所有的事件處理程序和jQuery的內部緩存數據。

Answer 2

如果div有一個id，你可以做這樣的：

$('#id-of-div').html(''); 

或者你可以做的.class-的-DIV

$('.class-of-div').html(''); 

或者只是所有div

的所有類

$('div').html(''); 

編輯：但empty()（上述）會更好。

Answer 3

的Html

<div id='emptythis'> 
    Content 
</div> 

Jquery的

$('#emptythis').html(''); 

Answer 4

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

類似於.empty()，所述.remove()方法取出DOM的元素。當您想要移除元素本身以及其中的所有元素時，請使用.remove()。除了元素本身之外，所有與元素相關的綁定事件和jQuery數據都將被刪除。要刪除元素而不刪除數據和事件，請改爲使用.detach()。

reference