javascript - 内部 div 后的主要 div 高度问题

Question

我正在使用javascript动态添加和删除主div中的div。为此，我正在使用 appendChild 和 removeChild 方法。

例子，

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

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

谢谢

Answer 1

您可以使用删除（）。请看下面的例子

$(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>