jquery - 通过 CSS 隐藏 HTML 表格中的列

Question

HTML：

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

CSS：

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

JS：

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

对于所有 TD ($("table.list td.q,table.list td.y")...)，它比使用 JS 运行更快，但它在 IE (8,9) 中不起作用...

据我了解，为表添加了类，但表不刷新......

我没有想法（（（

PS对不起我的英语

score 2 · Accepted Answer

如果您想要做的只是切换元素的可见性，您总是可以使用.toggle()

$('table.list').find('.q, .y').toggle()

score 0 · Accepted Answer

您是否尝试默认隐藏列，然后单击表格再次显示它们？那么你可能想要这样的东西......

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

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

然后在那之后，我假设想要在点击表格时切换隐藏列。jQuery：

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

2 回答 2