內部div後的主要div高度問題

Question

我正在添加&使用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>