Question

情境： 我有一张桌子，第一列是＆＃34;标题/图例＆＃34;以下列包含特定年份的数据。然后我有一个选择，可以选择年份列表（对应于表格的列）。

问题： 选择一年后，我需要在表格中显示第一列加上选定年份的一列，以及前两年的两列。

我知道nth-child方法，但我想知道是否有办法实现相同而不循环列有什么想法吗？

正在进行的工作： https://jsfiddle.net/wpnj8917/

(still need to show just 3 columns, or less for the last two years in the select)

Answer 1

function hideAll() {
    $('tr td.col').each(function(){
        $(this).hide();
    });
}

function showSelected(selected) {
    var first = parseInt(selected);
    var second = first - 1;
    var third = second - 1;
    $('tr td.'+first+', tr td.'+second+', tr td.'+third).each(function(){
        $(this).show();
    });
}

这是带有最终代码的fiddle

根据选择值显示/隐藏表列

1 个答案: