隱藏表列的基礎上字愨<th></th>標籤

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

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