使用 jQuery 分页记录

<ul id="list"></ul>

$(document).ready(function() {
  var items = [
    "Item 1",
    "Item 2",
    "Item 3",
    "Item 4",
    "Item 5",
    "Item 6",
    "Item 7",
    "Item 8",
    "Item 9",
    "Item 10"
  ];

  var numItems = items.length;
  var perPage = 3;
  var numPages = Math.ceil(numItems / perPage);

  function paginate(page) {
    var start = (page - 1) * perPage;
    var end = Math.min(start + perPage, numItems);

    $("#list").html("");
    for (var i = start; i < end; i++) {
      $("#list").append("<li>" + items[i] + "</li>");
    }
  }

  paginate(1);

  $("#pagination").pagination(numPages, {
    callback: paginate
  });
});