jquery实现分页功能

RT,不是很难，但是感觉代码一点都不简洁，就是多加点判断，直接上代码了。

HTML部分：

 <div class = "container-fluid">
     <div class = "row">
         <div class = "col-xs-12 line" style="text-align:center">
             <nav>
               <ul id = "page" class="pagination" style="margin-top:3px;">

               </ul>
             </nav>
         </div>
     </div>
 </div>

HTML Code

JS部分：

 $("#page").on('click','.list',function(){
         $(this).addClass("active");
         $(this).siblings().removeClass("active");
         getStatus();
         if(isMore)
         {
             switch($(this).attr("id"))
             {
                 case "firstOne":
                     $(this).next().show();
                     $(this).next().next().show();
                     $(this).next().next().nextAll('.list').hide();
                     $("#disabledNext").show();
                     $("#disabledPerv").hide();
                     break;
                 case "lastOne":
                     $(this).prev().show();
                     $(this).prev().prev().show();
                     $(this).prev().prev().prevAll('.list').hide();
                     $("#disabledPerv").show();
                     $("#disabledNext").hide();
                     break;
                 default:
                     $(this).prev().prevAll('.list').hide();
                     $(this).next().nextAll('.list').hide();
                     $(this).prev().show();
                     $(this).next().show();
                     if($("#page .list:first").is(':visible'))
                     {
                         $("#disabledNext").show();
                         $("#disabledPerv").hide();
                     }
                     if($("#page .list:last").is(':visible'))
                     {
                         $("#disabledPerv").show();
                         $("#disabledNext").hide();
                     }
                     break;
             }
         }
     });
     //最后一页的效果
     $("#page").on('click','#last',function(){
         $("#page .list:last").show().click();
     });
     //第一页的点击效果
     $("#page").on('click','#first',function(){
         $("#page .list:first").show().click();
     });