scomparsa BLOCCO di elementi

[masdel1979]

Ciao a tutti,
vorrei far scomparire un'intera colonna di una tabella con un click.

Il modo l'ho trovato e funziona:

function hiddenCol(name,tot_element){
  for(x=0;x<tot_element;x++){
    document.getElementById(name+x).style.display = "none";  
  }
}

<table>
 <tr> 
  <th id="col_name0">Nome</th>
  <th id="col_surname0">Cognome</th>
 </tr>
 <tr> 
  <td id="col_name1"></td>
  <td id="col_surname1"></td>
 </tr>
 <tr> 
  <td id="col_name2"></td>
  <td id="col_surname2"></td>
 </tr>
 <tr> 
  <td id="col_name3"></td>
  <td id="col_surname3"></td>
 </tr>
</table>
<a href="#" onClick="hiddenCol('col_name',3)"> 

questo ovviamente è solo un esempio, e la tabella la tiro fuori dinamicamente, anche con tr che rappresentano dettagli e altro.

In pratica adesso, volevo trovare una soluzione più "elegante", invece di andar a ciclare tutti gli elementi.

Come posso raggruppare, per esempio, tutta la colonna "name" con un unico identificativo (che ovviamente non è id, ma forse name?) e reperirne facilmente le informazioni dell'intero blocco?

Grazie, ciao Max