从父div中清除子div

Question

我的div是动态生成的，我想这样做：

<div class="MasterDiv">
<div class="ChildMasterDiv">10:39 D</div>
<div class="ChildMasterDiv1">10:39 D</div>
</div>

我想从<MasterDiv>删除所有子div。我试过了

$('.MasterDiv div').empty();

但它不起作用。

Answer 1

试试这个

$('.MasterDiv div').remove();

$('.MasterDiv div').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="MasterDiv">
  Hello
<div class="ChildMasterDiv">10:39 D</div>
<div class="ChildMasterDiv1">10:39 D</div>
</div>

Answer 2

这将删除MasterDiv内的所有内容。

$('.MasterDiv').empty();

如果您只想删除div，那么您应该使用：

$('.MasterDiv div').remove();

你的例子：

$('.MasterDiv div').empty();

将删除od MasterDiv内所有div的所有内容。所以它只会删除他们的内容（11:39 D）

Answer 3

为什么在简单的css行就足够的时候使用jquery？

  

.MasterDiv div {display：none;}

Answer 4

empty（）将删除所有内容。 删除（）将删除选择及其内容。