jquery - 根据标签之间的单词隐藏表格列

Question

我正在尝试使用下面的函数来隐藏一个基于下面一个标签之间的单词的列是我到目前为止所拥有的并且目前不起作用

$('#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();
}

Answer 1

看到这个：

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

演示

Answer 2

试试这个：

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

Answer 3

使用此代码。

$('#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();
}