jquery - 如何从第二个 td(包括)开始(有效地)在表中隐藏 td？

Question

假设我有一张如下所示的表格:

   <table id='randData'>
    <tr>
       <td >56</td>
       <td >Call me</td>
       <td >Blah</td>
       ...
    </tr>
   <tr>
  </table>

隐藏从第二个(包括在内)到最后的 tds 的最佳方法是什么？为将被隐藏的 tds 添加一个类更有效？有没有办法解决这使用带有第 n 个 child 的表达式？

Answer 1

除非您使用 jQuery 制作动画，否则我更喜欢只使用类，我认为每个人都会同意这是最有效的方法。您可以在 CSS 中选择第二个及以上的所有 td 元素:

tr.hide > td:nth-child(n+2) {
    display: none;
}

现在只需将 hide 类放在要隐藏第 2 行及以上的行上即可。