Question

如何使用php和jquery从数据库中成功删除后从页面中删除项目？我有一个用户列表。当其中一些被删除时，我只想将其从页面中删除。这是jquery部分

$(document).ready(function () {

    $('.delete').click(function () {
        var parent = $(this).closest('media-heading');
        $.ajax({
            type: 'get',
            url: 'friendRemove.php',
            data: 'ajax=1&delete=' + $(this).attr('id'),
            beforeSend: function () {
                parent.animate({
                    'backgroundColor': '#fb6c6c'
                }, 300);
            },

        });
    });

    $('.delete').confirm({
        text: "Are you sure?",
        title: "Please Confirm",

        confirmButton: "Yes",
        cancelButton: "No",
        post: true,
        confirmButtonClass: "btn-danger",
        cancelButtonClass: "btn-default",
        dialogClass: "modal-dialog modal-lg"
    });
});

我试图将成功函数放在ajax部分，但没有任何反应。这就是我的尝试。

success: function () {
    parent.fadeOut('slow', function () {
        $(this).remove();
    });
}

HTML部分

<div class="media">
    <div class="pull-left">';
        <img class="media-object dp img-circle" src="img/no-image-fun.gif"></div>
    <div class="media-body">
        <h4 class="media-heading">username</h4> <a href="" class="delete" id="'.$row['id'].'"><i class="fa fa-times pull-right"></i></a>
        <h5>images</h5>
    </div>
</div>

Answer 1

选择器错误，.

缺少closest类选择器

var parent = $(this).closest('media-heading'); // <-- Missing . before classname

使用

var parent = $(this).closest('.media-heading');

如何在不刷新页面jquery的情况下删除删除元素

1 个答案: