我希望有人能帮助我解决我面临的问题。正如标题所述,我很难根据每列最后一行中所有字段中的数据隐藏表中的列。
基本上,如果 0 被放置在任何列的最后一行,我需要隐藏该列。如果它包含另一个数字,则应显示该列。
修改 Stack Overflow 上一位非常乐于助人的人的脚本,我已经设法选择表的最后一行,但是,我只能让它选择单个列的值,而不是表中所有列的值排。另外,它删除了我想要的最后一行,而不是列。
这是我目前的代码:
$('button').on('click', function () {
var $rowsNo = $('#mytable tbody tr:last').filter(function () {
return $.trim($(this).find('td').eq(2).text()) === "0"
}).toggle();
});
这是 HTML:
<button>Hide/Show</button>
<table id="mytable">
<thead>
<tr>
<th>Col1</th>
<th>Col2</th>
<th>ActiveYN</th>
</tr>
</thead>
<tbody>
<tr>
<td>Apple</td>
<td>12345</td>
<td>0</td>
</tr>
<tr>
<td>Orange</td>
<td>67890</td>
<td>10</td>
</tr>
<tr>
<td>Mango</td>
<td>456745</td>
<td>0</td>
</tr>
</tbody>
</table>
我希望我已经说得足够清楚了。如果您不明白并需要一些说明,请告诉我。
最佳答案
也许对你有帮助,请尝试一次。
$(document).ready(function() {
$('#mytable tbody tr:last').children('td').each(function(index,event) {
if ($(event).text() == 0) {
$('#mytable tr').each(function(indexIn,eventIn) {
$(eventIn).children('td').eq(index).css('display','none');
$(eventIn).children('th').eq(index).css('display','none');
});
}
});
});
祝你好运:)
关于javascript - 根据最后一行所有字段中的内容隐藏表列 - jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41100706/