我有一个div <div id="masterdiv">,它有几个子<div>s。
例子:
<div id="masterdiv">
<div id="childdiv1" />
<div id="childdiv2" />
<div id="childdiv3" />
</div>
如何使用jQuery清除所有子<div>的内容里面的主<div> ?
我有一个div <div id="masterdiv">,它有几个子<div>s。
例子:
<div id="masterdiv">
<div id="childdiv1" />
<div id="childdiv2" />
<div id="childdiv3" />
</div>
如何使用jQuery清除所有子<div>的内容里面的主<div> ?
当前回答
jQuery的empty()函数就是这样做的:
$('#masterdiv').empty();
清除主div。
$('#masterdiv div').empty();
清除所有子div,但保留主div完整。
其他回答
$("#masterdiv div[id^='childdiv']").each(function(el){$(el).empty();});
or
$("#masterdiv").find("div[id^='childdiv']").each(function(el){$(el).empty();});
$("#masterdiv > *").text("")
or
$("#masterdiv").children().text("")
$("#masterdiv div").text("");
当你使用任何服务或数据库通过id将数据追加到div中时,首先尝试它是空的,就像这样:
var json = jsonParse(data.d);
$('#divname').empty();
更好的方法是:
$( ".masterdiv" ).empty();