닫기 단추가있는 DIV를 Jquery를 사용하여 다른 DIV에 동적으로 추가

Question

부모 DIV에 수평으로 정렬 된 오른쪽 상단 모서리에 닫기 단추가있는 4 개의 div를 추가하고 싶습니다. 닫기 버튼을 클릭하면 div가 상위 DIV에서 제거되어야합니다. 이 가능한 Jquery가? 만약 누군가가 샘플 코드를 게시 할 수 정말 감사하겠습니다!

감사합니다.

Answer 1

도와 드리겠습니다.

jsBin demo

<div class="box"> 
    <div class="close_box">X</div> 

    <h2>Box title</h2> 
    <p>Merol muspi rolod tis tema...</p> 

</div> 

JQ :

$(document).on('click','.close_box',function(){ 
    $(this).parent().fadeTo(300,0,function(){ 
      $(this).remove(); 
    }); 
}); 

하거나 :

$(document).on('click','.close_box',function(){ 
    $(this).parent().remove(); 
}); 

이 문서를 살펴 보자 (항상 곁에 에스!는) :

http://api.jquery.com/on/
http://api.jquery.com/parent/
http://api.jquery.com/remove