删除父级 DIV

我有这个html代码：

<div class="action">
   some_text
   <a class="delete_action" name="q1">some</a>
</div>
<div class="action">
   some_text
   <a class="delete_action" name="q2">some</a>
</div>

和 jQuery 代码：

$(document).ready( function() {
   $('.delete_action').click(function(event) {
       $.get('/delete_action?name=' + event.target.name, function(data) {
       });

       // how can I remove parent DIV element (*)

       return false;
    });
} );

当用户单击链接时，代码会发出 ajax 请求，从而删除数据库中的数据。另外我想从 DOM 树中删除父 DIV 元素。我怎么才能得到它？

你会用

$(document).ready( function() {
   $('.delete_action').click(function(event) {
       var $this = $(this);
       $.get('/delete_action?name=' + event.target.name, function(data) {
            $this.parent().remove();
       });

       // OR
       //$this.parent().remove();

       return false;
    });
} );