如何在jquery中选择一个特定的行？

Question

我有一个用户表，每行的最后一列都有一个删除相应用户的删除按钮。我有这个代码，它通过AJAX删除用户，然后隐藏行。

$(document).ready(function(){
    var id=$('#pass_id');
    var temp_id=id.val();

    $('#deletebutton').click(function(){

        var ok=confirm("You really want to delete this property?");

        if(ok)
        {   
            $.ajax({
                type: "POST",
                url: "index-valid.php",
                data: prop_id=id,
                success: function(data) {

                    $('#deletebutton').closest('tr').hide();
                    alert("Successfully deleted.");
                }
            });
        }
    });
});

但代码不会删除我的行;它只隐藏行，只能在第一行上运行。

Answer 1

您不能拥有多个具有相同ID的按钮。使用类而不是此代码

$(document).ready(function(){
    var id=$('#pass_id');
    var temp_id=id.val();

    $('.deletebutton').click(function(){
    var button = $(this);
    var ok=confirm("You really want to delete this property?");

    if(ok)
    {   
            $.ajax({
                type: "POST",
                url: "index-valid.php",
                data: prop_id=id,
                success: function(data) {
                    button.closest('tr').remove();
                    alert("Successfully deleted.");
                }
            });
    }
});

}）;

这将删除已完成页面中的行。

Answer 2

请勿使用hide()，请将其替换为remove()。

Answer 3

你有多个具有相同ID的删除按钮！

Answer 4

你应该尝试将ID更改为CLASS

$('.deletebutton').each(function(){

    $(this).click(function(){


    var ok=confirm("You really want to delete this property?");

    if(ok)
    {   
                $.ajax({
                    type: "POST",
                    url: "index-valid.php",
                    data: prop_id=id,
                    success: function(data) {

                    $(this).closest('tr').remove();
                    alert("Successfully deleted.");



                    }
                });
    }





    });

});