javascript - AJAX 刷新后隐藏表中的 <td>

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();

希望这有帮助。