JavaScript的jQuery的顯示/隱藏

Question

<table id='mytab'> 
    <tr> 
     <td colspan="6">OS</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td>Fedora</td> 
     <td>Cent Os</td> 
     <td>Ubuntu</td> 
     <td>Suse</td> 
     <td>Redhat</td> 
    </tr> 
    <tr> 
     <td colspan="6">Versions</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td>6</td> 
     <td>v2.4</td> 
     <td>beta 2</td> 
     <td>8</td> 
     <td>2008</td> 
    </tr>  
    <tr> 
     <td></td> 
     <td>7</td> 
     <td>v3.4</td> 
     <td>1</td> 
     <td>9</td> 
     <td>2009</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td>10</td> 
     <td>v4.4</td> 
     <td>2</td> 
     <td>10</td> 
     <td>2010</td> 
    </tr>   
    <tr> 
     <td colspan="6">Support</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td>All Support Free</td> 
     <td>Partial Support</td> 
     <td>Paid Support</td> 
     <td>Community Support</td> 
     <td>Full support</td> 
    </tr> 
</table> 

jQuery的

 $('#mytab td').hide(); 
     $('#mytab td:nth-child(1)').show(); 
    $('#mytab td:nth-child('whatever_column_selected')').show(); 

每當whatever_column_selected，它的假設，以顯示所選列，它的顯示，並且還顯示操作系統，版本和支持

所以我想要什麼如果選擇了suse，則設置爲以下格式： OS - > Suse

版本 - > 8 9 10

支持 - >社區支持

如果我需要更換表來div來獲得所需的輸出結果，那會也提前工作

感謝

Answer 1

我有HTML here有一些變化..

$(function(){ 
    $('#mytab tr.header td').click(function(){ 
     var index = $(this).index() + 1; 
     $('#mytab tr td:nth-child(' + index + ')').siblings().hide(); 
    }) 
});​ 

---

更新demo

$(function(){ 

    $('th').each(function(){ 
     var text = $(this).text(); 
     $(this).data('text',text); 
    }); 
    $('#mytab tr.header td').click(function(){ 
     var index = $(this).index() + 1; 
     $('#mytab tr:has(th)').each(function(){ 
      var str = $(this).nextUntil('tr:has(th)') 
       .find(':nth-child('+index+')').map(function(){ 
       return $(this).text(); 
      }).get().join(" "); 
      $(this).find('th').html(function(){ 
       return $(this).data('text') + '<span>--&gt; ' + str + '</span>'; 
      }) 
     }); 
    }) 
});​