如何清除所有<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").text("");

其他回答

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

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

清除主div。

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

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

jQuery建议你使用".empty()"，".remove()"，".detach()"

如果你需要删除元素中的所有元素，使用下面的代码:

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

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

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

i和jQuery小组不建议使用SET函数像.html() .attr() .text()，这是什么?如果你想设置任何你需要的东西

裁判:https://learn.jquery.com/using-jquery-core/manipulating-elements/

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

我知道这是一个与jQuery相关的问题，但我相信有些人可能会期待一个纯Javascript的解决方案。所以，如果你试图使用js来做这件事，你可以使用innerHTML属性并将其设置为空字符串。

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

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

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

推荐文章