jqueryを使ってdivを削除するには？

Question

私はこのコードを持っている：

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

「delete_activity」をクリックした後、私はそのリンクを持っている「行」の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(); 
}); 

最初に最初の親を取得するために使用してください。