如何获取前两个的高度在使用 jQuery 的表中？

Question

我需要仅显示 table 中的前两行，并且在单击 div 时，我需要它对 slideDown 进行动画处理并显示完整的表格。我可以将除前两行之外的所有表行的 display 设置为 none ，但是当我想显示所有行时，这会破坏效果......所以相反我想我应该使用 overflow:hidden，并根据表格前两行的高度设置 div 的高度......有什么想法如何做到这一点吗？

结构：

<div>
  <table>
    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>
  </table>
</div>

Answer 1

使用 jQuery 的 eq()

$('tr').eq(0).height();
$('tr').eq(1).height();

其中 0 代表列表中的第一个 td

Answer 2

<div id="div-table">
  <table>
    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>

    <tr>
      <td>data</td>
    </tr>
  </table>
</div>

脚本将是：

alert($('#div-table table tr').eq(0).height());

alert($('#div-table table tr').eq(1).height());

Answer 3

$('tr:nth-child(1)>td, tr:nth-child(2)>td').css('height':100);