Javascript 使用jquery显示有限的数据

如何限制附加数据？类似分页的东西

例如，如果我添加了5条评论，则其应显示3条最新评论，其他2条评论应隐藏，并应在单击显示更多评论时显示。我想用Jquery做的一切

查看Js Fiddle:

请看这张图片。我想澄清一下我的观点：

我也在这里提供我的代码：

      <p>
          <a href="javascript:void(0);" class="add_more">Add More</a>
      </p>

<table border="0" width="500" cellspacing="0">
   <tbody class="append_data"></tbody>

<tr>
  <td> 
      <textarea name="description" id="description"></textarea>
  </td> 
</tr> 

</table>

#description{
    width:400px;    
}

.description_text{
    border:#333333 solid 1px;
    width:400px !important;
}

.append_data{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

HTML:

      <p>
          <a href="javascript:void(0);" class="add_more">Add More</a>
      </p>

<table border="0" width="500" cellspacing="0">
   <tbody class="append_data"></tbody>

<tr>
  <td> 
      <textarea name="description" id="description"></textarea>
  </td> 
</tr> 

</table>

#description{
    width:400px;    
}

.description_text{
    border:#333333 solid 1px;
    width:400px !important;
}

.append_data{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

CSS:

      <p>
          <a href="javascript:void(0);" class="add_more">Add More</a>
      </p>

<table border="0" width="500" cellspacing="0">
   <tbody class="append_data"></tbody>

<tr>
  <td> 
      <textarea name="description" id="description"></textarea>
  </td> 
</tr> 

</table>

#description{
    width:400px;    
}

.description_text{
    border:#333333 solid 1px;
    width:400px !important;
}

.append_data{
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

#说明{
宽度：400px；
}
.description_text{
边框：#333333实心1px；
宽度：400px！重要；
}
.append\u数据{
空白：预换行；/*CSS3*/
空白：-moz预包装；/*Firefox*/
空白：-预包装；/*Opera
但您需要更新代码以删除BRs，并添加一些css填充、浮动或类似内容

你的提琴似乎很管用。你想要什么？我已经解释过了。我想隐藏旧评论。只想显示3条最新评论。旧评论应该在单击“显示更多评论”时出现。为什么被否决？我想做的就是用JqueryI不知道为什么其他人否决了你。这些人真的应该给你一些理由或者否决投票：（这样我们就可以研究我们做错了什么？你能更新我的提琴吗？为什么被否决？我想我的问题是正确的。我提高了你的问题。提琴现在，回答中的额外细节。我可以查看旧的评论吗？