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