jquery를 사용하여 div를 제거하는 방법은 무엇입니까?

Question

는이 코드가 "delete_activity"를 클릭 한 후

<div class="container"> 
    <div class="row"> 
     <div class="col"> 
     <a href="1" class="delete_activity">x</a> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col"> 
     <a href="2" class="delete_activity">x</a> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col"> 
     <a href="3" class="delete_activity">x</a> 
     </div> 
    </div> 
    </div>   

을 내가 그 링크를 가지고있는 "행"DIV를 제거해야합니다. 경우 X의 사용자 클릭 (HREF = 1) 나는 제거해야합니다

<div class="row"> 
     <div class="col"> 
     <a href="1" class="delete_activity">x</a> 
     </div> 
    </div> 

가 어떻게 JQuery와 함께 할 수 있습니까?

Answer 1

가장 좋은 방법입니다보십시오.

$('.delete_activity').click(function(){ 
    $(this).closest('.row').remove(); 
}); 

사용하지 마십시오 parents (당신이 원하는 행동을 먹으 렴 제외).

closest은 DOM 트리에서 발견 된 첫 번째 요소 만 제거합니다.

parents은 DOM 트리와 일치하는 모든 요소를 ​​제거합니다. 첫째

Answer 2

$(".delete_activity").click(function(event) { 
    event.preventDefault() 
    $(this).parents('.row').remove(); 
}); 

Answer 3

$('.delete_activity').click(function(){ 
    $(this).parents('.row').remove(); 
}); 

문서 : http://api.jquery.com/remove/

Answer 4

는 closest()를 사용하여이 작업을 수행하려면 다음

$('.delete_activity').click(function (e) { 
    $(this).parents('div.row').remove(); 
    e.preventDefault(); 
}); 

Answer 5

$('.delete_activity').click(function(){ 
    $(this).parents('row:first').remove(); 
}); 

사용은 위의 첫 번째 부모를 받으실 수 있습니다!