需求是有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,知道了么,小蠢货