내부 div 후

Question

메인 div 높이 문제 divdiv를 동적으로 자바 스크립트를 사용하여 메인 div 내부에 추가합니다. 이 목적을 위해 appendChild 및 removeChild 메서드를 사용하고 있습니다.

예,

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