AJAX удалить запись, только на тд пропадает, должна быть целая строка

Question

В настоящее время я пытаюсь сделать функцию удаления записи ajax, когда я нажимаю на удалить, запись удаляется правильно.Когда я нажимаю «удалить», вся строка должна исчезнуть, а не только тд, где находится URL-адрес удаления (что происходит сейчас, скрипт не может выдерживать закрывающие теги или что-то в этом роде).

Это код

    $(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 нужно немного изменить, но не знаю что / где.

Ты знаешь как?Или вы можете указать мне лучший учебник по удалению записей AJAX?(пробовал несколько ..)

Answer 1

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

В контексте, где вы написали строку выше, «this» относится к <td>, поэтому оно исчезает. Вы можете изменить на $(this).parents('tr:first');

http://jsfiddle.net/Ed3mW/