удалить запись из базы данных без обновления

Question

У меня есть код, в котором предполагается удалить данные без обновления. процесс удаления работает, но я должен обновиться до удаления данных. Heres мой код, пожалуйста, помогите мне

Ajax:

$(function() { 
    $(".trash").click(function() { 
    var del_id = $(this).attr("id"); 
    var info = 'id=' + del_id; 
    if (confirm("Sure you want to delete this post? This cannot be undone later.")) { 
     $.ajax({ 
     type: "POST", 
     url: "delete.php", //URL to the delete php script 
     data: info, 
     success: function() {} 
     }); 
     $(this).parents(".record").animate("fast").animate({ 
     opacity: "hide" 
     }, "slow"); 
    } 
    return false; 
    }); 
}); 

Вот мой HTML:

<td style="padding-left: 23px"> 
    <img class="photo" data-toggle="modal" data-target="#gallery<?php echo $photo; ?>" src="<?php echo $r1['photo']; ?>" /> 

    <div class="hotel"> 
     <button class="trash" id="<?php echo $r1['photo_id']; ?>" > <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button> 
    </div> 
</td> 

Если я парить кнопку с изображением кнопки .trash появится и если я нажму его в изображение должно быть удалено. Помоги мне, пожалуйста.

Answer 1

Вы можете дать идентификатор данных изображения атр родительскому тр,

<tr data-image-id="<?php echo $r1['photo_id']; ?>"> 

После успешного удаления процесса (в вашем АЯКС функция успеха), вы можете запустить код, приведенный ниже.

$("tr[data-image-id="+del_id+"]").remove(); 

Answer 2

Ваш код работает, может быть, вам нужно показать полный HTML или, по крайней мере, классы «.record» проанализировать „ошибку“

Answer 3

Нет необходимости добавлять дополнительный атрибут для ID в строке таблицы (ТР).

$('.glyphicon-remove').on('click',function() { 
    $(this).closest('tr').remove(); 
    return false; 
});