2012-03-30 11 views
0

Ich habe diesen Code html:entfernen Mutter 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> 

Und jQuery-Code:

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

Wenn der Benutzer auf den Link klicken, wird der Code macht Ajax-Anforderung, die die Daten in der Datenbank entfernt . Außerdem möchte ich das Eltern-DIV-Element aus dem DOM-Baum entfernen. Wie kann ich es bekommen?

Antwort

2

würden Sie

$(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

Versuchen verwenden:

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