用Jquery显示分页

Question

例如：我从数据库中检索了101页结果，我就像这样回复：

$num_rec_per_page=5;
$result = mysqli_query($conn,$sql)
$total_records= mysqli_num_rows($result); // Get the number of rows
$total_pages = ceil($total_records / $num_rec_per_page);
...
for ($i=1; $i<=$total_pages; $i++){
 echo "<li class='num-pager'><a href=\"http://....&page=$i\">Page $i</a></li>";
}

现在我只想显示5页，所以我写了一个简单的jquery：

<script>
jQuery(function($) {
var page = $(".num-pager");
var totalPages = page.length;
var displayRange = 2;
var showFrom = 0;
var showTo = 5;
page.hide();
page.slice(showFrom,showTo).show();
});
</script>

所以不要像这样显示所有101个页面：Page 1 |第2页|第3页...... Page 101

我想只显示5页：第1页|第2页|第3页|第4页|第5页

问题来自这里：如果用户想查看第6页怎么办？所以我想到：如果用户点击第5页（页码= showTO变量），它会在js代码中为showFrom和showTo变量添加displayRange = 2，以便它从第3页到第7页显示如下：

第2页|第3页|第4页|第5页|第6页|第7页

这只是理论，我不知道如何将它应用于这个高级案例。请帮忙......非常感谢