如何清空父<div>元素内所有子<div>元素的内容？

Question

228

我有一个

主div

，它有几个子

元素。

例子：

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

用jQuery如何清空母级<div>中所有子级<div>的内容？

- Prasad

7

我重新为你的问题打了标签，因为它与你所打的"Asp.net MVC"标签毫无关系。我的意思是你打错了标签。 - Robert Koritnik

考虑接受使用.empty()的答案。这是最高效的方法。 - Kellen Stuart

14个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Raki · Answer 1

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

或者

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

可以完美地删除div内的内容

- Sheeraz · Answer 2

当您使用任何服务或数据库通过id将数据附加到div中时，请首先尝试为空，如下所示：

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

- andres descalzo · Answer 3

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

或者

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

- Gaurav Kaushik · Answer 4

如果有用的话，请尝试它们。

$('.div_parent .div_child').empty();

$('#div_parent #div_child').empty();