删除父DIV

时间:2012-03-30 11:45:41

标签: jquery

我有这个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元素。我怎么能得到它?

2 个答案:

答案 0 :(得分:2)

你会用

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

答案 1 :(得分:1)

尝试:

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