javascript - 如何在 Ajax Success 上隐藏多个 div

Question

我试图通过以下代码在 Ajax Success 上隐藏 2 个 div

 $(".editButton").click(function () {
        var self = this;
        var membershipid = $(this).attr('id');
        $.ajax({
            type: 'POST',
            url: '@Url.Action("GetMembershipDetail","User")',
            data: { "MembershipID": membershipid },
            success: function (data) {
                $('#ddlStoreUpdate').val(data["fk_Store_ID"]);
                $('#TxtTitleUpdate').val(data["MembershipTitle"]);
                $('#TxtDescriptionUpdate').val(data["MembershipDescription"]);
                $('#TxtTimeFrameUpdate').val(data["MembershipTimeFrame"]);
                $('#TxtMembershipMinUpdate').val(data["MembershipMinVisit"]);
                $('#chkUpdate').prop('checked', data["MembershipGroundLevel"]);
                $('#HiddenMembershipID').val(membershipid);

                if (data["MembershipGroundLevel"] == true)
                {
                    alert("True");
                    $("#TxtTimeFrameUpdate").val(0);
                    $(self).closest("#RowTimeFrameUp").hide()
                    $("#TxtMembershipMinUp").val(0);
                    $(self).closest("#RowMinFrameUp").hide()
                }
                else
                {
                    alert("false");
                    $("#RowTimeFrame").show("slow");
                    $("#RowMinFrame").show("slow");
                    var storeid = $("#ddlStore").val();
                    $.ajax({
                        type: 'POST',
                        dataType: 'json',
                        url: '@Url.Action("GetTimeFrame","User")',
                        data: { 'StoreID': storeid },
                        success: function (data) {
                            $("#TxtTimeFrame").val(data);
                        },
                        error: function (error) {
                            alert(JSON.stringify(error));
                        }
                    });
                }
            },
            error: function (data) {
                alert(JSON.stringify(data));
            }
        })
        $("#myModalUpdate").modal('show');
    });

如果条件正常，但 Div(s) 没有隐藏如果我从第二个 div 中删除 $(self).closest()，第一个 div 隐藏得很好，问题是多个 div

Answer 1

你可以使用class来隐藏它，像这样:

$(".resetValueTo0").val(0); 
$(".divToHide").hide();

因此，您不需要这样做:

$("#TxtTimeFrameUpdate").val(0);
$(self).closest("#RowTimeFrameUp").hide()
$("#TxtMembershipMinUp").val(0);
$(self).closest("#RowMinFrameUp").hide()