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

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

例子:

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

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

当前回答

当你使用任何服务或数据库通过id将数据追加到div中时，首先尝试它是空的，就像这样:

var json = jsonParse(data.d);
$('#divname').empty();

其他回答

更好的方法是:

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

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

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

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

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

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

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

jQuery('#masterdiv div').html('');

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

推荐文章