jQuery列隱藏

Question

我有一個與列標題名稱相同的下拉列表。

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

我列具有相同的名稱，像<td class='GroupA'> //data </td>

我如何可以顯示使用jQuery /隱藏列中的值？

我只知道uptill這麼多：

if($("#showHideColumns).val()=="GroupA") 
$(".GroupA").toggle() 
else if ($("#showHideColumns).val()=="GroupB") 
$(".GroupB").toggle() 

我可以減少上面的代碼：

我希望的東西線：確定這個

的 ($("#showHideColumns).val().toggle()但不

如果有人可以幫助我減少真正有很大幫助的線以上。

Answer 1

$('.' + $('#showHideColumns').val()).toggle();應該這樣做。你很近。

Answer 2

酪氨酸這

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

Answer 3

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

設置'table td'是任何選擇，必須選擇所有列。如果您不首先隱藏所有列，則在選擇某個列時，其他列不會消失。