首先放一個div容器當分頁
<ul id="tbl"></ul> //這里的ul是動態的，js賦值
<div class="content" id="page" style="margin-top:500px;"></div> // 分頁容器
然后頁面JS（分為三部分）
<script type="text/javascript">
//第一部分，公共參數
var pageno = 1; //當前頁
var pagesize = 2; //每頁多少條信息
var zz = "";
//第二部分，獲取ul里面的值
function getzz() {
var a = $("ul#tbYQJYlist li");
var zz = new Array(a.length);
for (var i = 0; i < a.length; i++) {
zz[i] = a[i].innerHTML;
} //div的字符串數組付給zz
return zz;
}
//第三部，點擊事件（點擊上一頁，下一頁觸發）
function change(e) {
pageno = 1; //當前頁
pagesize = 2; //每頁多少條信息
if (zz.length % pagesize == 0) {
var pageall = zz.length / pagesize;
} else {
var pageall = parseInt(zz.length / pagesize) + 1;
} //一共多少頁
pageno = e;
if (e < 1) {
e = 1; pageno = 1;//就等於第1頁 ， 當前頁為1
}
if (e > pageall) { //如果輸入頁大於最大頁
e = pageall; pageno = pageall; //輸入頁和當前頁都=最大頁
}
$("#tbYQJYlist").html("");//全部清空
var html = "";
for (var i = 0; i < pagesize; i++) {
html += '<li>' + zz[(e - 1) * pagesize + i] + '</li>';//創建一頁的li列表
if (zz[(e - 1) * pagesize + i + 1] == null) break;//超出最后的范圍跳出
}
$("ul#tbYQJYlist").html(html);//給ul列表寫入html
var ye = "";
for (var j = 1; j <= pageall; j++) {
if (e == j) {
ye = ye + "<span><a href='#' onClick='change(" + j + ")' style='color:#FF0000'>" + j + "</a></span> "
} else {
ye = ye + "<a href='#' onClick='change(" + j + ")'>" + j + "</a> "
}
}
var pageContent = "";
pageContent += '第<span id=\"a2\">' + pageno + '</span>/';
pageContent += '<span id="a1">' + pageall + '</span>頁';
pageContent += '<span id="a3">' + ye + '</span>';
pageContent += '<a href="#" onClick="change(--pageno)">上一頁</a>';
pageContent += '<a href="#" onClick="change(++pageno)">下一頁</a>';
$("#page").html(pageContent);
}
</script>
<script type="text/javascript">
//這個js就是給ul動態賦值的，頁面加載后執行
$(function () {
GetYQList(GetQueryString("DH"));
});
function GetYQList(ids) {
$.ajax({
....//這里我用的ajax給ul賦值的，就不列舉了，下面是complete執行完成后事件
complete: function (x) {
zz = getzz();//完成后給全局參數ZZ賦值，獲取ul里面的列
change(1);//加載點擊事件
}
});
}
</script>