使用javascript隐藏多个表列

我有下面的表格和内容，我想在点击按钮时隐藏表格的前十列。请建议代码在纯javascript中隐藏前5列

<table  id="tblMain">
<tr>
<td>00002</td>
<td>1786</td><td>630</td><td>88</td>
<td>1095</td><td>266</td><td>38</td>
<td>659</td><td>364</td><td>49</td>
<td>32</td><td>0</td><td>1</td>
<td>1009</td><td>458</td><td>78</td>
</tr><tr>
<td>00003</td>
<td>1852</td><td>427</td><td>1627</td>
<td>1319</td><td>191</td><td>736</td>
<td>501</td><td>236</td><td>887</td>
<td>32</td><td>0</td><td>4</td>
<td>1375</td><td>418</td><td>1287</td>
    </tr></table>

00002
178663088
109526638
65936449
3201
100945878
00003
18524271627
1319191736
501236887
3204
13754181287

我将通过拆分与JavaScript的交互并使用CSS隐藏来实现。使用

，然后使用类似的方法：

td{border:1px solid#ccc；}
.隐藏td:n个孩子（1），
.隐藏td:n个孩子（2），
.隐藏td:n个孩子（3），
.隐藏td:n个孩子（4），
.隐藏td:n个孩子（5），
.隐藏td:n个孩子（6），
.隐藏td:n个孩子（7），
.隐藏td:n个孩子（8），
.隐藏td:n个孩子（9），
.hide td:n个子项（10）{display:none；}

00002
1786
630
88
1095
266
38
659
364
49
32
0
1.
1009
458
78
00003
1852
427
1627
1319
191
736
501
236
887
32
0
4.
1375
418
1287
切换

欢迎使用堆栈溢出！您似乎在要求某人为您编写一些代码。堆栈溢出是一个问答网站，而不是代码编写服务。请学习如何写有效的问题。