使用 javascript/jquery 生成页码？

如何使用 javascript/jquery 生成如下页码？

如果选择第 5 页，我必须显示 3,4 和 6,7 以及 1，最后一页以及上一页、下一页... 任何建议....

EDIT:

如何处理使用这些分页 div 的 json 数据？ （即）我的json数据包含50条记录 我想要第 1 页中的 10 等等...如何使用这些数字对 json 数据进行分页...

我想要一个 jquery 函数来传递currentpageno,lastpagenumber该函数应该为我生成如下页码

如果是第一页

如果是在中间的话

如果是最后一页的话

第二次编辑：

我已经尝试过这个功能，但似乎没有得到想要的结果

function generatePages(currentPage, LastPage) {
    if (LastPage <= 5) {
        var pages = '';
        for(var i=1;i<=5;i++)
        {
            pages += "<a class='page-numbers' href='#'>" + i + "</a>"
        }
        $("#PagerDiv").append(pages);
    }
    if (LastPage > 5) {
        var pages = '';
        for (var i = 1; i <= 5; i++) {
            pages += "<a class='page-numbers' href='#'>" + i + "</a>"
        }
        $("#PagerDiv").append(pages);
    }
}

我有lastPage and currentPage值请帮我得到这个......

您正在寻找的称为“分页”，并且（一如既往）有一个 jQuery 插件可以为您完成这项工作：

http://d-scribe.de/webtools/jquery-pagination/demo/demo_options.htm

（下载它here)

Edit:由于您似乎无法使其正常工作，因此这里是使用该插件的一种方法（几种不同的方法）。

Step 1:从 JSON 数据生成标记，如下所示：

<div id="display">
    <!-- This is the div where the visible page will be displayed -->
</div>

<div id="hiddenData">
    <!-- This is the div where you output your records -->
    <div class="record">
        <!-- create one record-div for each record you have in your JSON data -->
    </div>
    <div class="record">
    </div>
</div>

这个想法是在单击页面链接时将相应的记录复制到显示 div。因此，该插件提供了 pageSelect 回调函数。Step 2就是实现这个功能，例如：

function pageselectCallback(pageIndex, jq){
    // Clone the record that should be displayed
    var newContent = $('#hiddenData div.record:eq('+pageIndex+')').clone();
    // Update the display container
    $('#display').empty().append(newContent);
    return false;
}

这意味着每条记录只有一页。如果要每页显示多条记录，则必须对上述函数进行相应修改。

第三步也是最后一步是正确初始化整个事情。

function initPagination() {
    // Hide the records... they shouldn't be displayed
    $("#hiddenData").css("display", "none");
    // Get the number of records
    var numEntries = $('#hiddenData div.result').length;
    // Create pagination element
    $("#pagination").pagination(numEntries, {
        num_edge_entries: 2,
        num_display_entries: 8, // number of page links displayed 
        callback: pageselectCallback,
        items_per_page: 1  // Adjust this value if you change the callback!
    });
}

因此，您只需从 JSON 数据生成 HTML 标记，然后调用 init 函数即可。

这并不难，不是吗？