刪除父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請求其刪除數據庫中的數據。另外我想從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; 
});