javascript - 根据最后一行所有字段中的内容隐藏表列 - jQuery

Question

我希望有人能帮助我解决我面临的问题。正如标题所述，我很难根据每列最后一行中所有字段中的数据隐藏表中的列。

基本上，如果 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>

我希望我已经说得足够清楚了。如果您不明白并需要一些说明，请告诉我。

Answer 1

也许对你有帮助，请尝试一次。

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

祝你好运:)