如何清除所有<div>的内容在一个父<div>?

我有一个div <div id="masterdiv">，它有几个子<div>s。

例子:

<div id="masterdiv">
  <div id="childdiv1" />
  <div id="childdiv2" />
  <div id="childdiv3" />
</div>

如何使用jQuery清除所有子<div>的内容里面的主<div> ?

当前回答

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

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

其他回答

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

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

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

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

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

清除主div。

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

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

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

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

更好的方法是:

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

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

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

推荐文章