jQuery计数div并隐藏一些。。。动态

我遇到了下面的代码，它查看divWiz中包含的div，并将它们分成两半，用户可以在这两半之间切换

这一切都很好，但如果我想让它更有活力呢？我的意思是加入一些页码

使用下面的代码，您可以看到我正在生成50个div。代码将它们分成两组，每组25个，可以使用“下一个”和“上一个”按钮进行切换

现在让我们假设我想将显示的div的数量限制为10，而不是50。我不知道如何在这10组之间获得导航以生成

基本上，我想看的不是下一页和上一页，而是第1、2、3、4页，等等

HTML

Javascript

$(function() {
var i, cutoff, total = 50;
for(i=0; i<total; ++i)
    $(document.createElement("div")).html(i).appendTo("#divWiz");

cutoff = total/2;

$("#divWiz > div").hide();
$("#divWiz > div:lt("+cutoff+")").show();

$("input[value=' Next ']").click(function() {       
    $("#divWiz > div").hide();        
    $("#divWiz > div:gt("+(cutoff - 1)+")").show();
});

$("input[value=' Prev ']").click(function() {       
    $("#divWiz > div").hide();        
    $("#divWiz > div:lt("+cutoff+")").show();    });    

$("input[value=' Show All ']").click(function() {       
    $("#divWiz > div").show();        
});        
});

$（函数（）{
var i，截止值，总计=50；
对于（i=0；i我建议您查看大量分页插件中的一个。几个轻量级示例：



更多：

这些都不行。我的目的是使用找到的解决方案在我的wordpress循环中实现它，并将其与自定义切换系统耦合，以便在切换帖子时，将一个类“ignore”附加到div。然后分页将刷新自身，以忽略切换的帖子并拉入替换帖子。
$(function() {
var i, cutoff, total = 50;
for(i=0; i<total; ++i)
    $(document.createElement("div")).html(i).appendTo("#divWiz");

cutoff = total/2;

$("#divWiz > div").hide();
$("#divWiz > div:lt("+cutoff+")").show();

$("input[value=' Next ']").click(function() {       
    $("#divWiz > div").hide();        
    $("#divWiz > div:gt("+(cutoff - 1)+")").show();
});

$("input[value=' Prev ']").click(function() {       
    $("#divWiz > div").hide();        
    $("#divWiz > div:lt("+cutoff+")").show();    });    

$("input[value=' Show All ']").click(function() {       
    $("#divWiz > div").show();        
});        
});