jq写分页

html分页部分：

<div class="pagecount" id="pagecount">
  <ul>
    <li id="firstPage"></li>
    <li id="prevPage"></li>
    <li><input type="text" value="1" id="jumpPage" /></li>
    <li id="nextPage"></li>
    <li id="lastPage"></li>
    <li>
       <select id="pageSize" onchange="jumPer()">
         <option value="15"></option>
       </select>
    </li>
  </ul>
</div>
复制代码

js部分：

//实现分页
var curPage = 1,
    count = '@ViewData["count"]', //后台给的总数据条数
    pageSize = $("#pageSize option:selected").text(), //每页显示数
    jumpPage = parseInt($("#jumpPage").val()), //跳转到第几页
    totalPage = parseInt((parseInt(count) + parseInt(pageSize) - 1) / parseInt(pageSize)); //总页数
//首页
$("#firstPage").on('click',function() {
  curPage = jumpPage = parseInt($("#jumpPage").val());
  if (curPage == 1) {
     alert("已经是第一页");
   } else {
     $("#jumpPage").val(1);
    pageInterFace(1, pageSize)
   }
})
//尾页
$("#lastPage").on('click',function() {
  if (parseInt($("#jumpPage").val()) == totalPage) {
      alert("已经是第一页");
   } else {
     $("#jumpPage").val(totalPage)
     pageSize = parseInt($("#pageSize option:selected").text()), //每页显示数
     jumpPage = parseInt($("#jumpPage").val());
     pageInterFace(totalPage, pageSize)
   }
})
//输入框跳转页面
$("#jumpPage").bind('keydown',function(e) {
  if (e.keyCode == "13") {
     jumpPage = parseInt($("#jumpPage").val());
     if (jumpPage <= totalPage) {
         pageInterFace(jumpPage, pageSize)
       } else {
          alert("您输入的页码为负数或者超出了总页数" + "总页数为"+ totalPage);
          return false;
        }
    }
})
//下拉框改变每页显示条数
function jumpPer() {
  pageSize = $("#pageSize option:selected").text()
  jumpPage = parseInt($("#jumpPage").val());
  pageInterFace(jumpPage,pageSize)
}
//上一页
$("#prevPage").on('click',function () {
  jumpPage = parseInt(("#jumpPage").val())
  if (curPage <= 1) {
     alert("已经是第一页")
     } else {
       curPage--;
       pageInterFace(jumpPage, pageSize);
       $("#jumpPage").val(curPage)
     }
})
//下一页
$("#nextPage").on('click',function () {
  jumpPage = parseInt($("#jumpPage").val());
  if (curPage >= totalPage) {
     alert("已经是最后一页")
 } else {
   curPage++;
    pageInterFace(curPage, pageSize)
    $("#jumpPage").val(curPage)  //跳转也设置为当前页
  }
})复制代码