Jquery 通过CSS隐藏HTML表中的列

HTML:

<table class="list qy">
 <tr>
  <td>cell1</td>
  <td class="q">cell2</td>
  <td>cell3</td>
  <td class="y">cell4</td>
 </tr>
</table>

table.qy td.q, table.qy td.y { display: none; }

function toggleQY(b) {
 $("table.list").toggleClass("qy")
}

JS:

<table class="list qy">
 <tr>
  <td>cell1</td>
  <td class="q">cell2</td>
  <td>cell3</td>
  <td class="y">cell4</td>
 </tr>
</table>

table.qy td.q, table.qy td.y { display: none; }

function toggleQY(b) {
 $("table.list").toggleClass("qy")
}

对于所有TD（$（“table.list TD.q，table.list TD.y”）…）来说，它比使用JS运行要快 但它在IE（8,9）中不起作用

据我所知，类添加了表，但表不刷新

我没有主意(((

---

请注意，我的英语很抱歉

如果您只想切换元素的可见性，您可以随时使用

---

您是否试图在默认情况下隐藏列，然后单击表以再次显示它们？那么您可能需要这样的内容

默认情况下隐藏特定列的CSS：

.list .q,  .list .y {
  display:none;
}

然后在这之后，我假设您希望在单击表时切换隐藏列。jQuery：

$(function() {
  $('table.list').on("click",function(){
    $(this).find('.q, .y').toggle();
  });  
})

---

应该可以，但无论如何，请尝试

可见性：隐藏

-除非您需要它从文档流中消失，否则我很惊讶这是否真的有效。使用

display:none

将表格单元格从文档流中删除，但这样会创建一个格式不正确的表格，因为您缺少一个单元格！您必须展开另一个单元格lls使用

colspan=2

填充该空间……也许最好将单元格包装在另一个div中，或者只使用

visibility:hidden

。这是表格数据吗？