我做了这个定制分页。根据之前的筛选标记，有不同的页数。当有超过10个页码时，我想打破页码，这样就不会太长。
这就是我到目前为止所做的，在这段代码中，我创建了许多分页按钮，并为“…”内容添加了两个类。这就是动态部分应该去的地方，但我不知道如何显示当前不可见的数字，然后隐藏以前不可见的数字。示例（我想转到第15页。数字1、2、3、4和最后4始终可见。中间的数字正在变化。所以如果我在第15页，分页应该是这样的：1234。。。14 15 16 ... 当你点击“…”时，下一个或前三个应该会出现。

for (var i = 0; i < filterLength; i++) {
  var tempdisplay = 'none';
  var btn = document.createElement('button');
  var txt = document.createTextNode(String(numOfPage));

  if (i < 4 || i > filterLength - 5) {
    tempdisplay = 'block';
  }
  btn.appendChild(txt);
  btn.setAttribute('type', 'button');
  btn.setAttribute('value', numOfPage);
  btn.setAttribute('id', 'button' + numOfPage);
  btn.setAttribute('class', 'pagination_buttons');
  btn.setAttribute('style', 'display:' + tempdisplay + ';');
  div.appendChild(btn);
  numOfPage++;
}

if (filterLength > 10) {
  $('#button4').addClass('btn-dots-after');
  $('#button52').addClass('btn-dots-before');
}