如何清除父<div>中的所有<div> s内容？

我有一个div <div id="masterdiv">其中我将有几个孩子<div> s。

例如：

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

我需要使用jQuery清除master <div>内所有子<div>的内容。

如何实现它？

Answer 1

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

Answer 2

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

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

清除主div 。

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

清除所有的孩子div ，但保持完好的主人。

Answer 3

使用jQuery的CSSselect器语法来select具有id masterdiv元素内的所有div元素。 然后调用empty()来清除内容。

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

使用text('')或html('')会导致一些stringparsing，这在使用DOM时通常是一个坏主意。 尽可能尝试并使用不涉及DOM对象的string表示的DOM操作方法。

Answer 4

更好的方法是：

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

Answer 5

如果masterdiv里面的所有div都需要清除，那就这样。

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

否则，你需要迭代#masterdiv的所有div子节点，并检查id是否以childdiv开头。

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

Answer 6

 $("#masterdiv > *").text("") 

要么

 $("#masterdiv").children().text("") 

Answer 7

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

Answer 8

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

Answer 9

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

要么

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

Answer 10

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

要么

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

工作正常，以删除div内的内容

Answer 11

jQuery推荐你使用“.empty（）”，“。remove（）”，“。detach（）”

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

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

如果你需要删除所有的元素，使用这个代码：

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

我和jQuery组不build议使用SET FUNCTION，如.html（）.attr（）.text（），那是什么？ 这是如果你想设置任何你需要的

ref： https ： //learn.jquery.com/using-jquery-core/manipulating-elements/

Answer 12

当您使用任何服务或数据库将数据附加到div的ID时，首先尝试将其清空，如下所示：

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