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=>Div 1、2、3
ページ2 => Div 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();
    });        
}