隐藏基于标签之间的单词的表列

时间:2013-04-29 11:17:58

标签: jquery

我试图使用以下功能根据th标签之间的单词隐藏列 以下是我到目前为止,目前无法正常工作

$('#MenuContent_butUsers').click(function () {
    hidecolumn("Tel");
});

    <table id="table" class="table">
        <thead>
            <tr>
   <th>Name</th>
   <th>Tel</th>
   <th>Location</th>
</tr>
...


function hidecolumn(columns) {
    var table = $('#table');
    var findColumn = $(table.find('th:contains(' + columns + ')'));
    findColumn.hide();
}

3 个答案:

答案 0 :(得分:2)

见:

function hidecolumn(columns) {
  var table = $('#table');
  var findColumn = $(table.find('th:contains(' + columns + ')'));
  var index = findColumn.index();
  findColumn.hide();
  $(table.find('tbody td:eq(' + index + ')')).hide();
}

Demo

答案 1 :(得分:0)

试试这个:

function hidecolumn(columns){
    var table = $('#table');
    var findColumn = $(table.find('th:contains(' + columns + ')'));
    findColumn.hide();
    $('#table tr td:nth-child('+(findColumn.index()+1)+')').hide();
}

答案 2 :(得分:0)

使用此代码。

$('#MenuContent_butUsers').click(function () {
    hidecolumn("Tel");
});

    <table id="table" class="table">
        <thead>
            <tr>
   <th>Name</th>
   <th>Tel</th>
   <th>Location</th>
</tr>
...


function hidecolumn(columns) {
    var table = $('#table');
    var findColumn = $('#table th:contains("' + value + '")');
    findColumn.hide();
}