Javascript 在表中隐藏列及其内容

我已经创建了一个表，现在我需要通过应用于列的css而不是内联来隐藏表中的特定列

HTML:

我已经尝试通过$$'table1'为colgroup提供背景色和颜色。找到'col:eq1'。css'color'，red'

这个代码有效。但是当我尝试使用相同的代码显示：none或overflow:hidden时，它不起作用。display:none属性隐藏列，但不隐藏其中tds的内容。谁能建议一个最好的方法来隐藏这个专栏，它的内容通过css

我需要使用css动态隐藏这些列，如果表有超过100行和25列，也需要隐藏这些列

提前谢谢

$(document).ready(function(){
     $('td:nth-child(2),th:nth-child(2)').hide();
});

---

这隐藏了第二列。

我通过向td添加类并获得它，找到了解决方案

HTML:

---

如果你有替代品，请发邮件。希望它会有用。

您正在动态创建表吗？我正在动态创建行。通过查找每个td来隐藏列是一个耗时的过程。所以我正在接近colgroup。

$(document).ready(function(){
     $('td:nth-child(2),th:nth-child(2)').hide();
});

<table id='table1'>
  <colgroup>
    <col>
    <col>
  </colgroup>
  <tr>
    <th class='col1'>ISBN</th>
    <th class='col2'>Title</th>
    <th class='col3'>Price</th>
  </tr>
  <tr>
    <td class='col1'>3476896</td>
    <td class='col2'>My first HTML</td>
    <td class='col3'>$53</td>
  </tr>
  <tr>
   <td class='col1'>5869207</td>
   <td class='col2'>My first CSS</td>
   <td class='col3'>$49</td>
  </tr>
</table>

$('.col1').css('visibility','hidden');