jquery - jquery对话框确认后如何隐藏行

Question

我在桌子上有一个@Html.Actionlink (....)。我正在显示一个用于确认的 jquery 对话框。一切正常。但是我想在用户单击“继续”并且链接操作返回“真”后隐藏该行。

我正在使用以下 jquery 代码。

var unapproveLinkObj;
    // delete Link
    $('.unapprove-link').click(function () {
        unapproveLinkObj = $(this);  //for future use
        $('#unapprove-dialog').dialog('open');
        return false; // prevents the default behaviour
    });

    $('#unapprove-dialog').dialog({
        autoOpen: false, width: 400, resizable: false, modal: true, 
        buttons: {
            "Continue": function () {
                $.post(unapproveLinkObj[0].href, function (data) {  //Post to action
                    if (data == '<%= Boolean.TrueString %>') {

                      // I want to hide the row here.....

                    }
                    else {
                        //Display Error
                    }
                });
                $(this).dialog("close");
            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        }
    });

有什么方法可以刷新页面，或者可能只是隐藏行而不刷新..？？

编辑：这是 HTML

 @foreach (var i in Model)
{
    <tr class="grtr">
        <td>@i.CustomerName</td>
        <td>@i.BranchName
        <br />
        @i.Address
        </td>

        <td>@i.PostCode</td>
        <td>@i.City</td>
        <td>@i.Telephone</td>


            @if (!string.IsNullOrEmpty(i.Latitude))
            {
                <td>Yes</td>
            }
            else
            {
                <td>No</td>
            }
            @if (!string.IsNullOrEmpty(i.Longitude))
            {
                <td>Yes</td>
            }
            else
            {
                <td>No</td>
            }

        <td>@i.IsClaimed</td>
        <td>@Html.ActionLink("Approve", "Approve", "Location", new { id = @i.ID }, new 
       {
           @class="unapprove-link"

       })</td>
        <td>
        @Html.ActionLink("Delete", "Delete", "Location", new { id = @i.ID }, new {@class="delete-link"})

       </td>
        <td>Map</td>
    </tr>
}

Answer 1

据我了解，您的链接位于 a 内，<td>并且您想隐藏包含该 td 的那一行，并且您将锚对象存储在unapproveLinkObj

因此，隐藏包含该unapproveLinkObj对象的那一行。你可以试试

unapproveLinkObj.parents('tr').hide();

或者如果想刷新页面，你可以试试

location.reload();

Answer 2

if (data == '<%= Boolean.TrueString %>') {

       // I want to hide the row here.....
       $(".grtr").hide(); // access the row contents    

}

Answer 3

continue考虑到如果用户点击尝试时没有错误，则属于以下条件

if (data == '<%= Boolean.TrueString %>') {

       // I want to hide the row here.....
       $("table").hide(); // table is the id or class to access the table contents    

}