我有一个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('');
        }
    }
 );

其他回答

更好的方法是:

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

or

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

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

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

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

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

如果有用的话,试试吧。

$('。div_parent .div_child”)空虚();

$ (' # div_parent # div_child ')空虚();