可以使用.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/

$("#masterdiv > *").text("")

or

$("#masterdiv").children().text("")

更好的方法是:

 $( ".masterdiv" ).empty();

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

or

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

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

or

$('.div_class').empty();

可以很好地删除div中的内容

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