用each来更改页码编号

来源：互联网发布：淘宝首页源代码编辑：程序博客网时间：2024/06/07 17:12

需求是有5个页面，每个页面显示第几步，共几步，由于第一步选择级别，不同级别显示的页面数量不一样，就导致需要根据选择级别来更改页码编号。

首先，我把5个页面先写一个默认的，5页，页码部分代码

第<span class="num1">2</span>步（共<span class="num2">5</span>步）</span>

然后通过获取第一页选中的选项，来更改，

if(agent_class == 'partner'){    $('.num2').html('5');    $('.step-page').each(function(e){        if(e != 0){            $(this).find('.num1').html(e+1);        }    })}else{    $('.num2').html('4');    $('.step-page').each(function(e){        if(e > 1){            $(this).find('.num1').html(e);        }    })

因为第一页没有共几步，而且是统一第一步，所以对第一页没有做任何操作。

刚开始获取第一页选中的选项时我是采用的获取序号index（），但是后来由于项目中需求的改变，不同级别在第一页显示的内容并不一样，所以导致获取序号并不好用，所以在每个选项后面加了一个属性，通过判断选中选项的属性来获取选中哪一个选项，这样就很完美，所以以后尽量先问清需求，也尽量少用获取index，多用属性来解决，可以少很多bug，知道了么，小蠢货

2 0