$(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(arr[0]).click().addClass('boo'); }); $(".model-bg").each(function (i) { let _that=$(this); _that.find(".nextPage").click(function () { console.log(i); _that.addClass("unchoose"); $(".model-bg").eq(i+1).removeClass("unchoose"); $('#side-menu .av').eq(arr[i+1]).addClass('boo'); $('#side-menu .av').eq(arr[i]).removeClass('boo'); }); _that.find(".Previous").click(function () { console.log(i); _that.addClass("unchoose"); $(".model-bg").eq(i-1).removeClass("unchoose"); $('#side-menu .av').eq(arr[i-1]).addClass('boo'); $('#side-menu .av').eq(arr[i]).removeClass('boo'); }); }); $(".perfection").click(function () { $(".jump").addClass('unchoose'); $(".model_wrap").hide(); $("#side-menu .av").each(function (i) { $(this).eq(i).removeClass('boo'); }) }); $(".jump").click(function () { $(this).addClass('unchoose'); $(".model_wrap").hide(); $(".model-bg").addClass("unchoose"); $("#side-menu .av").each(function (i) { $(this).eq(i).removeClass('boo'); }) }); });