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

Question

说我有一个div和一些内容。

<div>
      Content
</div>

使用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

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

Jquery的

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

Answer 4

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

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

reference