jQuery列隐藏

我有一个与列标题同名的下拉列表

<select id='showHideColumns'>
<option value='-1'> Show all </option> 
<option value='GroupA'> GroupA </option> 
<option value='GroupB'> GroupB </option> 
</select>

我是否可以减少上述代码：

我希望有这样一句话：

（$（“#showHideColumns）.val（）.toggle（）

但不确定这一点

如果有人能帮我减少这一行，那将非常有帮助。

$（'.+$（'.\showHideColumns'）.val（））。toggle（）；

应该可以。你很接近了。

if($("#showHideColumns").val() != -1)
      $("."+$("#showHideColumns").val()).toggle()

将

'table td'

设置为选择所有列所需的任何选择器。如果不先隐藏所有列，则在选择某一列时，其他列不会消失

if($("#showHideColumns").val() != -1)
      $("."+$("#showHideColumns").val()).toggle()

$('#showHideColumns').change(function() {
  $('table td').hide().('.'+$(this).val()).show();
});