JQuery столбец скрыть - PullRequest
Новая
       16

JQuery столбец скрыть

0 голосов
/ 05 августа 2011

У меня есть выпадающий список с тем же именем, что и заголовки столбцов. 

<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?

Я знаю только до сих пор: 

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

Могу ли я уменьшить код выше:

Я надеялся на что-то излинии: ($("#showHideColumns).val().toggle() но не уверен в этом

Если бы кто-нибудь мог помочь мне сократить вышеупомянутую линию, это действительно очень помогло бы.

Ответы [ 3 ]

1 голос
/ 05 августа 2011

тыр 

if($("#showHideColumns").val() != -1)
      $("."+$("#showHideColumns").val()).toggle()
1 голос
/ 05 августа 2011

$('.' + $('#showHideColumns').val()).toggle(); должен сделать свое дело.Вы были близки.

0 голосов
/ 05 августа 2011 
$('#showHideColumns').change(function() {
  $('table td').hide().('.'+$(this).val()).show();
});

Установите 'table td' в качестве любого селектора, необходимого для выбора ВСЕХ столбцов.Если сначала не скрыть все столбцы, другие столбцы не исчезнут при выборе определенного столбца.

...