Javascript 隐藏表格标题列

Javascript 隐藏表格标题列,javascript,jquery,html,Javascript,Jquery,Html,我使用jquery代码在我的网站上获取搜索查询的结果。我想在结果出现时隐藏表的一个列标题。我已经在HTML中进行了适当的更改,当我直接转到搜索结果页面时,表显示正确,但是如果我刷新搜索结果页面或从该页面拉取新查询,表将恢复为原始文本 我的问题是,如何调整jquery代码,使其在每次刷新时都不显示列标题文本 下面是我正在使用的jquery jQuery('.loading').show(); var dataArr = {'region_id': region_id, 'from_date': f

我使用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());
        }
    }
});
jQuery('.loading').show();
var dataArr={'region\u id':region\u id,'from\u date':from\u date,'to\u date':to\u date,'course\u no':course\u no,'course\u id':course\u id,'gtr';
jQuery.ajax({
url:Drupal.settings.basePath+“课程/搜索/区域/api”,
键入:“post”,
cache:false,
数据类型:“json”,
数据:dataArr,
成功:功能(结果){
jQuery('.loading').hide();
var parsed=JSON.parse(结果);
//jQuery('.result\u search\u region').html(result.data);
如果(parsed.data.length>0){
jQuery('.result\u search\u region').html('');
jQuery('.result_search_region')。append('Course Availability');
jQuery('.result\u search\u region').append(已解析的.data);
}否则{
jQuery('.result_search_region').html(jQuery('.dt#u 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>

开始日期
期间
时间
class=“alncenter”>

似乎有点不清楚,您是想在获得数据后删除标题(可能是糟糕的用户体验),还是要显示多个标题

要隐藏标题,请确定要在何处/何时使用以下命令隐藏标题:

  var elem = $("thead");  
  elem.css('visibility', 'hidden');  
或者,如果您不断获得多个:

thead
thead
...


那么我建议您正在更新/替换的DOM节点是不正确的。我建议您考虑在更新时单独替换tbody,并在移植的html中删除thead。代码的一点是,作为一个需要经常测试东西的人,元素上的ID在哪里,让每个人的生活更轻松……)

看起来您没有显示所有代码。我看到的唯一的
hide()
是针对html代码中没有的元素。如果我们能第一次看到隐藏列的代码是正确的,那会很有帮助。嗨,李,这是第一次正确显示的代码。但一旦页面刷新,就会显示全球技术法规。如果您认为这会有所帮助,我很乐意提供完整的代码页。