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

例子:

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

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


当前回答

如果有用的话,试试吧。

$('。div_parent .div_child”)空虚();

$ (' # div_parent # div_child ')空虚();

其他回答

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

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

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

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

or

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

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