Javascript 如何清除所有<；部门>；s’；父级中的内容<；部门>；？

我有一个div

，它有几个子

s

例如：

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

---

如何使用jQuery清除master

中所有子

的内容？

如果需要清除该masterdiv中的所有div，请执行此操作

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

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

否则，您需要迭代#masterdiv的所有div子级，并检查id是否以childdiv开头

$('#masterdiv div').each(
    function(element){
        if(element.attr('id').substr(0, 8) == "childdiv")
        {
            element.html('');
        }
    }
 );

或

jQuery的函数只执行以下操作：

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

清除主

div

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

清除所有子项

div

s，但保留主项不变

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

或

---

使用jQuery的CSS选择器语法选择id为masterdiv的元素中的所有

div

元素。然后打电话清除内容

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

---

使用

text（“”）

或

html（“”）

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

更好的方法是：

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

或

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

您可以使用.empty（）函数清除所有子元素

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

要查看jquery.empty（）、.hide（）、.remove（）和.detach（）之间的比较，请执行以下操作

jQuery建议您使用“.empty（）”、“.remove（）”、“.detach（）”

如果需要删除元素中的所有元素，请使用以下代码：

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

如果需要删除所有元素，请使用以下代码：

$('#target_id').remove();

我和jQuery组不建议使用SET函数like.html（）.attr（）.text（），这是什么？如果您想设置所需的任何内容，则为

---

ref:

当您使用任何服务或数据库将数据按id追加到div中时，请先尝试将其清空，如下所示：

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

如果有用的话，试试看

$（'.div_parent.div_child'）.empty（）

$（“#div_父项#div_子项”）.empty（）
我知道这是一个与jQuery相关的问题，但我相信有人可能会在这里期待一个纯粹的
Javascript
解决方案。因此，如果您试图使用
js
，可以使用
innerHTML
属性并将其设置为空字符串

document.getElementById('masterdiv').innerHTML = '';

我重新标记了您的问题，因为它与ASP.NET MVC（您已经标记了它）没有任何关系。请接受一个使用<代码> .unType（）/<代码>的答案。这是最有效的方法。我们可以克隆html并对其进行操作吗？类似于var tmp=$（''）.append（$（'#masterdiv'）.clone（））.remove（）.html（）；并将div放入tmp的#masterdiv中，然后使用
清除内容并返回。empty（）
将是一个更好的选择，因为不涉及字符串解析。它直接在DOM对象模型上操作。
empty（）
还清除使用jQuery生成的所有内容。这是真的，但我不知道为什么昆汀的答案被接受：）这比原始问题中要求的更清楚——你应该使用更多。哇，感谢你在1.5年后指出这一点：）修复。埃米尔·伊万诺夫的答案的副本。这将选择类为“masterdiv”，而不是id为“masterdiv”的所有元素，根据问题-只是一个注释。为什么“-1”。我只是想帮忙？这是谷歌搜索如何清空div时的最高结果。谢谢！
$('.div_class').empty();

 $(document).ready(function () {
  $("#button").click(function () {
   //only the content inside of the element will be deleted
   $("#masterdiv").empty();
  });
 });

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

$('#target_id').remove();

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

document.getElementById('masterdiv').innerHTML = '';