zoukankan      html  css  js  c++  java
  • 翻页 并索引当前值

    //获取排行
    var pagenumber = 1;
    function pagination(pageNo, pageSize, array) {
    var offset = (pageNo - 1) * pageSize;
    return (offset + pageSize >= array.length) ? array.slice(offset, array.length) : array.slice(offset, offset + pageSize);
    }
    $.post("https://Best.tianjihr.com/H5/companyRank", function (data) {
    pagesList = data.data;
    var pageTrades = pagination(pagenumber, 10, data.data);
    for(var i=0; i<pageTrades.length; i++){
    var element = $('<li><div class="left"><strong>'+(i+1)+'.</strong>'+pageTrades[i].common_name+'</div><div class="right"><span></span>'+pageTrades[i].ticket_count+'&nbsp;票</div></li>');
    if(pageTrades[i].BestCompanyid==EnterpriseId){
    $(element).find(".left").css('color','red');
    $(element).find(".right").css('color','red');
    }
    $('.mingdan').append(element);
    }
    });
    //点击下一页
    $('.rank-down').click(function(){
    if(pagenumber>=10){
    alert('已经是最后一页了');
    return;
    }
    $('.mingdan').html('');
    pagenumber=pagenumber+1;
    var pageTrades = pagination(pagenumber, 10, pagesList);
    for(var i=0; i<pageTrades.length; i++){
    var element = $('<li><div class="left"><strong>'+(pagenumber*10-10+i+1)+'.</strong>'+pageTrades[i].common_name+'</div><div class="right"><span></span>'+pageTrades[i].ticket_count+'&nbsp;票</div></li>');
    if(pageTrades[i].BestCompanyid==EnterpriseId){
    $(element).find(".left").css('color','red');
    $(element).find(".right").css('color','red');
    }
    $('.mingdan').append(element);
    }
    });
    //点击上一页
    $('.rank-up').click(function(){
    if(pagenumber<2){
    alert('已经是第一页了');
    return;
    }
    $('.mingdan').html('');
    pagenumber=pagenumber-1;
    var pageTrades = pagination(pagenumber, 10, pagesList);
    for(var i=0; i<pageTrades.length; i++){
    var element = $('<li><div class="left"><strong>'+(pagenumber*10-10+i+1)+'.</strong>'+pageTrades[i].common_name+'</div><div class="right"><span></span>'+pageTrades[i].ticket_count+'&nbsp;票</div></li>');
    if(pageTrades[i].BestCompanyid==EnterpriseId){
    $(element).find(".left").css('color','red');
    $(element).find(".right").css('color','red');
    }
    $('.mingdan').append(element);
    }
    });

  • 相关阅读:
    Linux基础之文件管理(高级)上等相关内容-96
    Linux基础之文件管理(基础)等相关内容-95
    Linux基础之初识shell之系统命令基础等相关内容-94
    Linux基础之操作系统启动流程等相关内容-93
    人常犯的三种愚蠢
    数据挖掘科学家
    记住
    但行好事,莫问前程
    记住发生在身上的事,不要小心眼--活的明白
    语言要简洁
  • 原文地址:https://www.cnblogs.com/cxcoder/p/7911206.html
Copyright © 2011-2022 走看看