如何用jquery隐藏列？

Question

我是jQuery和JavaScript的新手。我正在处理一个包含一些信息的表，但是我必须隐藏包含所有单元格和包含信息的3列。我的JS代码是这样的：

 $.each(currentParams.columns[0], function (index, column) {
if (column.field == 'columnAdress' || column.type == 'columnTime'
    || column.type == 'columnMail' || column.type == 'columnPhone'
     || column.type == 'project') {
    column.hidden = true;
} else {
    visibleColumns++;
}

在表格中隐藏了该列，但仍留有明显的空白区域。这就是它的样子：

我的问题是：如果没有剩余的空白区域，有没有更好的方法呢？

Answer 1

简而言之，如果你想隐藏任何你可以使用的元素：

$(".classname" or "#id").hide();

如果我理解你的问题......你试图问这样的问题......：

第1行* | ** | *** | ****

第二行* | ** | *** | ****

第3行* | ** | *** | ****

第4行* | ** | *** | ****

第5行* | ** | *** | ****

*是第一列（名称）

**是第二栏（日期）

***是第三栏（等）

****是第四栏（等）

你想要隐藏第三或第四个cloumn。 你可以这样做：

$(".columnclass" || "#columnid").hide();

用于显示列

$(".columnclass" || "#columnid").show();

请解释好您的问题并显示您的HTML代码。

Answer 2

快速示例，可见性：隐藏仍占用网页上的空间，就像元素在那里一样，显示没有。而不是column.hidden = true;使用column.hide();

$('#visibilitybutton').click(function(){
       $('#visibilityhidden').css("visibility","hidden");
                                       
                            });

$('#displaybutton').click(function(){
       $('#displaynone').hide();
                                       
                            });

div{border:1px solid red;margin:2px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>jhfbvjhfvhv</div>
<div id="visibilityhidden">lurisghselkvhlguhgww</div>
<div>jkfgbhnr;br;</div>
<div id="displaynone">jskvsr;vnoive</div>
<div>eusvhsrkvjrlkj</div>
<button id="visibilitybutton">Click to hide visibility div</button>
<button id="displaybutton">Click to hide display div</button>