隱藏 <td> 在AJAX刷新后從表中

Question

我有一個帶有隱藏列的HTML表（ td class="gtr" ）。 當我刷新瀏覽器時，該列保持隱藏狀態。 但是，頁面中間有一個提交按鈕，要求用戶輸入其位置（區域）。 此按鈕使用AJAX。 當我刷新AJAX（使用“提交”按鈕）時，該表將顯示我要隱藏的列。

關於如何在AJAX刷新后如何自動隱藏此列的任何建議？

這是HTML：

            $schedule_in_arr = Direction_Session::get('schedule_id');
            $data_by_time = Direction_Session::get('data_by_time', array());
            ?>
            <?php if (!empty($value['schedule_info'])): ?>
                <table class="jz-table jz-table-bordered jz-table-striped">
                    <caption><?php echo $value['location_name']; ?></caption>
        <?php if (!empty($value['schedule_info'])): ?>
                        <thead>
                            <tr>
                                <td class="start">Start Date</td>
                                <td class="duration" style="text-align: center;">Duration</td>
                                <td class="time" style="text-align: center;">Time</td>
                                <td class="gtr" style="display:none"><span class="jz-popover-item" data-content="Guaranteed to Run">GTR</span></td>
                            </tr>
                        </thead>
                        <tbody>

這是Javascript：

var DirectionsBaseCourses = function () {
var handleValidation = function () {
    jQuery('.loading').hide();
    jQuery('#btnShowClases').click(function () {
        var region_id = jQuery('#region_id').val();
        var from_date = jQuery('#fromDate').val();
        var to_date = jQuery('#toDate').val();
        var course_no = jQuery('#course_no').val();
        var course_id = jQuery('#course_id').val();
        if (region_id == "") {
            jQuery('<div title="Message">Please select a region</div>').dialog({
                modal: true,
                width: 200,
                height: 100
            });
        } else {
            jQuery('.loading').show();
            var dataArr = {'region_id': region_id, 'from_date': from_date, 'to_date': to_date, 'course_no': course_no, 'course_id': course_id,};
            jQuery.ajax({
                url: Drupal.settings.basePath + "course/search/region/api",
                type: 'post',
                cache: false,
                datatype: 'json',
                data: dataArr,
                success: function (result) {
                    jQuery('.loading').hide();
                    var parsed = JSON.parse(result);
                    //jQuery('.result_search_region').html(result.data);
                    if (parsed.data.length > 0) {
                        jQuery('.result_search_region').html(' ');
                        jQuery('.result_search_region').append('<h5>Course Availability</h5>');
                        jQuery('.result_search_region').append(parsed.data);
                            $('td table').empty();
                    }
                    else{
                        jQuery('.result_search_region').html(jQuery('#dt_no_schedule').html());
                    }


                }
            });
        }
    });
};
return {
    init: function () {
        handleValidation();
    }
};

}();

Answer 1

如果該列仍在DOM中且具有相同的gtr類，則可以使用以下命令success隱藏它：

$('.gtr').hide();

希望這可以幫助。