删除父 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;
});