删除父DIV

Question

我有这个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-request，删除数据库中的数据。另外我想从DOM树中删除父DIV元素。我怎么能得到它？

Answer 1

你会用

$(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;
    });
} );

Answer 2

尝试：

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