如何用js实现当点击table某一列的值时隐藏另一列的值

Question

假设第三列
]第一行为
  <td width="343" id="s1"> 具体描述</td>
第二行为  
  <td width="343" id="s2">asdffdaf</td>
第三行为  
  <td width="343" id="s３">asdffdaf</td>
........也就是ＩＤ要有个规律　假设他有８行
<script language="javascript">
function hide()
{
  for（i=1;i<=8;i++)
{
   document.getElementById("s"+i).style.display="none"
}
}
</script>
就可以隐藏那一列

Answer 1

<table width="504" border="1" >
<colgroup>
<col id="c1"/>
<col id="c2"/>
<col id="c3"/>
</colgroup>  <tr>
    <td width="58">id</td>
    <td width="81">人数</td>
    <td width="343"> 具体描述</td>
  </tr>
  <tr>
    <td width="58" onClick="hide()">1</td>
    <td width="81" onClick="hide()">10</td>
    <td width="343">asdffdaf</td>
  </tr>
 </table><script language="javascript">
function hide(){
document.getElementById("c3").style.display="none";
}
</script>