jQuery的empty()函数就是这样做的:

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

清除主div。

$('#masterdiv div').empty();

清除所有子div，但保留主div完整。

$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});

or

$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});

使用jQuery的CSS选择器语法选择id为masterdiv的元素中的所有div元素。然后调用empty()来清除内容。

$('#masterdiv div').empty();

使用text(")或html(")将导致进行一些字符串解析，在使用DOM时，这通常是一个坏主意。尽可能尝试使用不涉及DOM对象的字符串表示的DOM操作方法。

$("#masterdiv div").text("");

可以使用.empty()函数清除所有子元素

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

要查看jquery .empty()， .hide()， .remove()和.detach()之间的比较，请访问http://www.voidtricks.com/jquery-empty-hide-remove-detach/

jQuery建议你使用".empty()"，".remove()"，".detach()"

如果你需要删除元素中的所有元素，使用下面的代码:

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

如果你需要删除所有元素，使用以下代码:

$('#target_id').remove();

i和jQuery小组不建议使用SET函数像.html() .attr() .text()，这是什么?如果你想设置任何你需要的东西

裁判:https://learn.jquery.com/using-jquery-core/manipulating-elements/