如何在 jQuery 中隐藏表格列？

我有一张有很多列的桌子。我想为用户提供选择要在表中显示的列的选项。这些选项将是与列名称一起的复选框。那么如何根据复选框隐藏/取消隐藏表格列呢？

隐藏（使用 .hide()）每行中的每个 td 是否有效？也许我可以将复选框值分配给表中列的位置。所以第一个复选框意味着第一列，依此类推。然后递归地隐藏每行中的“编号”td。那行得通吗？

Try:

function hideColumn(columnIndex) {
    $('#mytable td:nth-child('+(columnIndex+1)+')').hide();
}

这是一个非常基本的版本 - 它假设您的表不使用<TH>元素或具有可变的列跨度，但基本概念是存在的。注意nth-child 使用从 1 开始的索引 http://www.w3.org/TR/css3-selectors/#nth-child-pseudo。我在最近阶段添加了 1 来弥补这一点。