js实现分页

最新推荐文章于 2025-03-27 16:50:12 发布

转载最新推荐文章于 2025-03-27 16:50:12 发布 · 71 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/loveMis/p/8891797.html

/*用于页码显示*/
    function pagenum_show(pagenum){
        var str = '';
        str += "<span onClick = 'page_t(this)'>上一页</span>";
        for(var i = 0;i < pagenum;i++){
            if(i == 0){
                str += "<span onClick = 'page_t(this)' flag = '1' class = 'flag_class'>"+(i+1)+"</span>";
            }else{
                str += "<span onClick = 'page_t(this)' flag = '0' class = 'flag_class'>"+(i+1)+"</span>";
            }
            
        }
        str += "<span onClick = 'page_t(this)'>下一页</span>";
        $("#sheng_user_two").html(str);
    }
    
    function page_t(obj){
        var page_num = obj.innerHTML;//获取点击的span的值
        var arr = Array('上一页','下一页');
        //如果是上一页 下一页
            
        if(arr.indexOf(page_num) != -1){//如果要检索的字符串值没有出现，则该方法返回 -1；indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
            var nowval = $(".flag_class[flag='1']").html();
            if( page_num == '上一页' && nowval == '1' ){
                alert('已经是首页');
                return false;
            }
            if( page_num == '下一页' && nowval == $(".flag_class").length ){
                alert('已经是尾页');
                return false;
            }
    
            $(".flag_class").each(function(){
                if($(this).html() == (+nowval-1) && page_num == '上一页'){
                    $(this).attr("flag",1);
                    page_num = +nowval-1;
                }else if($(this).html() == (+nowval+1) && page_num == '下一页'){
                    $(this).attr("flag",1);
                    page_num = +nowval+1;
                }else{
                    $(this).attr("flag",0);
                }
            })    
        }else{
                    //z正常页码
            $(".flag_class").each(function(){
                $(this).attr("flag",0);
            })
            $(obj).attr("flag",1);
        }