通过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")
}

它比使用JS运行所有TD（$（“table.list td.q，table.list td.y”））快得多...） 但它不在IE（8,9）中工作......

据我所知，为桌子添加了课程，但桌子没有刷新...

我没有想法（（

P.S。抱歉我的英文

Answer 1

如果你要做的就是切换元素的可见性，你可以随时使用.toggle()

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

Answer 2

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

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

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

然后，我假设想要在桌面点击时切换隐藏的列。 jQuery：

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