隱藏表格標題列

Question

我使用jquery代碼在我的網站上提取搜索查詢的結果。 結果出現時，我想隱藏表的列標題之一。 我已經對HTML進行了適當的更改，當我直接進入搜索結果頁面時，該表顯示正確，但是如果刷新搜索結果頁面或從該頁面中提取新查詢，該表將還原為原始文本。

我的問題是，如何調整jQuery代碼以隱藏每次刷新時都不會顯示列標題文本？

這是我正在使用的jQuery

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, 'gtr': gtr};
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);
        } else {
            jQuery('.result_search_region').html(jQuery('#dt_no_schedule').html());
        }
    }
});

這是我正在使用的html：

<?php
    $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>Start Date</td>
                <td class="alncenter">Duration</td>
                <td class="alncenter">Time</td>
                class="alncenter"></td>
                <td class="alncenter"></td>
            </tr>
        </thead>
        <tbody>

Answer 1

似乎有點不清楚，是要在獲取數據后刪除磁頭（可能是不良的用戶體驗），還是要顯示多個標頭？

要將主題圖隱藏在想要隱藏標題的位置/時間，請執行以下操作：

  var elem = $("thead");  
  elem.css('visibility', 'hidden');  

或者，如果您不斷增加：
表
Thead
Thead
...

然后，我建議您要更新/替換的DOM節點不正確。 我建議您考慮在更新時單獨替換tbody，並在移植的html中刪除thead。關於代碼的一件事，因為有人需要大量測試東西，所以您的元素上有ID，使每個人都生活更輕松.... :)