我有一个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> ?
当前回答
如果masterdiv中的所有div都需要被清除,它是这样的。
$('#masterdiv div').html('');
否则,您需要迭代#masterdiv的所有子div,并检查id是否以childdiv开头。
$('#masterdiv div').each(
function(element){
if(element.attr('id').substr(0, 8) == "childdiv")
{
element.html('');
}
}
);
其他回答
jQuery('#masterdiv div').html('');
$("#masterdiv div").text("");
如果masterdiv中的所有div都需要被清除,它是这样的。
$('#masterdiv div').html('');
否则,您需要迭代#masterdiv的所有子div,并检查id是否以childdiv开头。
$('#masterdiv div').each(
function(element){
if(element.attr('id').substr(0, 8) == "childdiv")
{
element.html('');
}
}
);
$("#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("")