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);
    }
    });

  • 相关阅读:
    [leetCode]127. 单词接龙
    [leetCode]450. 删除二叉搜索树中的节点
    [leetCode]701. 二叉搜索树中的插入操作
    [leetCode]235. 二叉搜索树的最近公共祖先
    [leetCode]501. 二叉搜索树中的众数
    $Abstract^2 Interpretation$
    图说 Python 内存管理
    Python 解释器初探
    幸福之路
    Spark编程基础
  • 原文地址:https://www.cnblogs.com/cxcoder/p/7911206.html
Copyright © 2011-2022 走看看