Jquery：为新数据创建寻呼机（下一个 - 上一个按钮）

Question

我正在使用ajax加载更多帖子。例如。

我已经发帖了：

 <div class='post'>post1</div>
 <div class='post'>post2</div>
 <div class='post'>post3</div>

按Next Posts按钮后，我收到了新数据：

 <div class='post'>post1</div>
 <div class='post'>post2</div>
 <div class='post'>post3</div>
 <div class='post'>post4</div>
 <div class='post'>post5</div>
 <div class='post'>post6</div>

但我只想要出现新数据并隐藏旧数据。

这意味着我可以通过Prev Posts按钮支持旧帖子。我如何使用Jquery来做到这一点？

感谢您的帮助。

Answer 1

例如，如果您想要显示5个帖子：

  //in you "nextButton" event handler
  var postLength = $('.post').length;
  $('.post')[postLength - 5].hide();

在prevButton上，您必须跟踪列表中的位置，并在循环返回列表时显示帖子，然后检测到达到nextButton时加载新内容的时间点。