如何用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