2012-03-30 10 views
0

私はこのhtmlコードを持っている:削除親DIV

<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要素を削除したい。どうすれば入手できますか?

答えて

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

試してみてください。

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