$(function(){ var arr=[0,1,3,5,6,7,8,12]; $(".prompt").click(function(){ $(".model_wrap").show(); $(".model-bg").eq(0).removeClass("unchoose"); $('.jump').removeClass('unchoose'); $('#side-menu .av').eq(0).click().addClass('boo'); }); $(".model-bg").each(function (i) { let _that=$(this); _that.find(".nextPage").click(function () { let key= i-1; console.log(key); _that.addClass("unchoose"); $(".model-bg").eq(i+1).removeClass("unchoose"); $('#side-menu .av').eq(arr[i+1]).addClass('boo').eq(arr[i]).removeClass('boo'); }); _that.find(".Previous").click(function () { _that.addClass("unchoose"); $(".model-bg").eq(i-1).removeClass("unchoose"); }); }); $(".perfection").click(function () { $(".jump").addClass('unchoose'); $(".model_wrap").hide(); }); $(".jump").click(function () { $(this).addClass('unchoose'); $(".model_wrap").hide(); $(".model-bg").addClass("unchoose"); }); });