AJAX刪除條目，只有td消失，應該是整行

Question

目前我正在嘗試做一個ajax條目刪除功能，當我點擊刪除條目被正確刪除時。當我點擊刪除時，整個行應該消失，而不是隻有放置刪除url的td（這是現在發生的，腳本無法忍受關閉標籤或什麼的）。

這是代碼

$(function() { 
$(".delete_button").click(function() { 
var id = $(this).attr("id"); 
var dataString = 'id='+ id ; 
var parent = $(this).parent(); 

$.ajax({ 
type: "POST", 
url: "core/actions/delete.php", 
data: dataString, 
cache: false, 
beforeSend: function() 
{ 
parent.animate({'backgroundColor':'#fb6c6c'},300).animate({ opacity: 0.35 }, "slow");; 
}, 
success: function() 
{ 
parent.slideUp('slow', function() {$(this).remove();}); 
} 
}); 

return false; 
}); 
}); 

和TR

<td><a href="#" id="' .($id). '" class="delete_button">X</a></td> 

我想的JavaScript應該改變一點點的最後一個TD，但不知道是什麼/哪裏。

你知道嗎？或者你能否指點我最好的ajax刪除入門教程？ （試了..）

Answer 1

var parent = $(this).parent();

在你寫上一行「本」指的是<td>這就是爲什麼它消失的背景。你可以改變$(this).parents('tr:first');

http://jsfiddle.net/Ed3mW/