如何使用Javascript / Jquery隐藏/删除WebGrid MVC4中的特定列？

Question

我有WebGrid id =“EmployeeGrid”。我想隐藏/删除特定列，例如此网格中的第4列。 我使用jquery使用下面的代码，但它隐藏了此页面中所有网格的第4列。我想使用jquery隐藏特定网格的列。

(function ($)
    {
        hideColumn = function (column)
        {
            $('td:nth-child(' + column + '),th:nth-child( ' + column + ')').hide();


        };
    })(jQuery);
    $(document).ready(function ()
    { hideColumn(4);
    }); 

Answer 1

这应该有效：

hideColumn = function(column)
            {
                $('tr').each(function(){
                    $(this).find('td').eq(column).hide();
                    $(this).find('th').eq(column).hide();
                });
            };

或

hideColumn = function(column)
            {
                $('tr').each(function(){
                    $(this).find('td,th').eq(column).hide();
                });
            };

甚至

hideColumn = function(column)
            {
                $( "tr td:nth-child(" + column + "), tr th:nth-child(" + column + ")").hide();
            };