Question

我正在添加＆amp;使用javascript动态删除主div内的div。我为此目的使用appendChild和removeChild方法。

实施例，

<div>
   <div></div>
   <div></div>
   <div></div>
</div>

如果我删除第一个div，那么第一个div的空间仍然存在。我想删除第一个div使用的空间，需要将第二个div放到第一个位置。请建议我这样做的好方法。任何jquery库我也想尝试。

感谢

Answer 1

您可以使用remove（）。请参阅下面的示例

在$(document).ready(function(){功能

中尝试以下代码

$('.add').click(function (){
      $('#main').append('<div style="height:30px;border:1px solid #CCC;margin:10px;width:30px;">hey</div>');
 });

/** remove a child from a  container **/
$('.remove').click(function (){ 

   $('#main div').first().remove();
});

你的Html主体将是这样的

<div id="main"></div>
<a href="#" class="add">Add</a>
<a href="#" class="remove">Remove</a>

内部div之后的主要div高度问题

1 个答案: