Question

我试图使用以下功能根据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();
}

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

Demo

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

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

3 个答案: