如何使用JQuery删除元素的内容？

假设我有一个div和一些内容。

 Content  

使用JQuery，如何在不删除div的情况下清空div，只删除内部的内容？

Answer 1

您可以使用empty函数删除元素的所有子节点（其所有内容）：

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

empty函数还将删除所有事件处理程序和jQuery内部缓存数据。

Answer 2

如果div有id，你可以这样做：

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

或者你可以做所有类的.class-of-div

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

或者只是所有的div

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

编辑：但是empty() （上面）会更好。

Answer 3

HTML

 
 Content  

jQuery的

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

Answer 4

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

与.empty()类似， .remove()方法从DOM中获取元素。 如果要删除元素本身以及其中的所有内容，请使用.remove() 。 除了元素本身之外，还删除了与元素关联的所有绑定事件和jQuery数据。 要删除元素而不删除数据和事件，请改用.detach() 。

参考