javascript - JS中的分页

Question

我需要在 JS 中调整这个分页

从这个示例中可以看出

http://jsfiddle.net/jfm9y/

pageSize = 3;
resultN = null;

showPage = function(page) {
    $(".content").hide();
    $(".content").each(function(n) {
        if (n >= pageSize * (page - 1) && n < pageSize * page)
            $(this).show();
    });        
}

showPage(1);

$("#pagin li a").click(function() {
    $("#pagin li a").removeClass("current");
    $(this).addClass("current");
    showPage(parseInt($(this).text()))


});

在第 1 页上，用户可以看到 div / 1 / 2 / 3 /

当用户单击第 2 页时，脚本显示 / 4 / 5 / 6 /

我需要更改此脚本，因此当用户单击第 2 页时，他会看到 / 2 / 3 / 4 /

当点击第 3 页时，他会看到 / 3 / 4 / 5 / 等等。

你能指出我正确的方向吗？

编辑 - 修订版（感谢 Kolink & dencey）

http://jsfiddle.net/jfm9y/89/

---

    var pageSize = 3;

var showPage = function(page) {
    $(".content").hide();
    $(".content").each(function(n) {
        if (n >= (page - 1) && n < (page - 1) + pageSize)
            $(this).show();
    });        
}

showPage(1);

$("#pagin li a").click(function() {
    $("#pagin li a").removeClass("current");
    $(this).addClass("current");
    showPage(parseInt($(this).text())) 
});

​</p>

Answer 1

改变你if的if(n>=page && n<page+pageSize)

通过这种方式，您拥有：

第 1 页 => 第 1、2、3 格
第 2 页 => 第 2、3、4 格，
依此类推。

Answer 2

试试这个示例http://jsfiddle.net/jfm9y/89/

var showPage = function(page) {
    $(".content").hide();
    $(".content").each(function(n) {
        if (n >= (page - 1) && n < (page - 1) + pageSize)
            $(this).show();
    });        
}