Javascript 如何获得前两个的高度<；tr>；在使用jQuery的表中？

我只需要显示

表格中的前两行

，然后单击div，我需要它设置

向下滑动的动画，并显示整个表格。除了前两行之外，我本可以将所有表行的
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>


数据
数据
数据
数据
数据
使用jQuery的

其中，0表示列表中的第一个
td
，
您不需要在这里告诉我们第n个孩子。什么是高度：100 forerr，是的，我误读了他的问题，我以为他想设置表中前两行的高度。如果我每个tr有多个tds呢？你仍然可以使用相同的代码获得高度，不管你有多少td。td是tr的后代，它们是水平的。所以高度是一样的。
<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>

<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());

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