for(var i = 0; i < $('.menu-choice').length; i ++) {
        (function (j){
         $('.menu-choice').eq(j).on('click',function(){
                for(var k = 0; k < $('.menu-choice').length; k ++) {
                 $('.my').eq(k).css('display','none');
                 $('.icon').eq(k).css('display','block');
                    $('.icon-cover').eq(k).css('display','none');
                    $('.line-cover').eq(k).css('display','none');
                    $('.menu-span').eq(k).css('fontWeight','normal');
                    $('.menu-span').eq(k).css('color','#333333');
               $('.longLineCover').css('display','none');
                 $('#scheduleList').css('display','none');
                }
                if(j==1){
               $('.longLineCover').css('display','block');
                 $('#scheduleList').css('display','block');
                }
                var a = $('.my').eq(j).height() + 'px';
                $('#menu').css('height',a);
                $('#menu').css('borderRight','1px solid #ededed');
                $('.my').eq(j).css('display','block');
                $('.icon').eq(j).css('display','none');
                $('.icon-cover').eq(j).css('display','block');
                $('.line-cover').eq(j).css('display','block');
                $('.menu-span').eq(j).css('fontWeight','bold');
                $('.menu-span').eq(j).css('color','#3388FF');
         });
        }(i));
    }

解决方案 »

  1.   

    const menuChoice = $('.menu-choice');
    const len = menuChoice.length;for(let i = 0; i < len; i ++) {
      menuChoice.eq(i).on('click', () => {
        $(`.my:lt(${len}),.icon-cover:lt(${len}),.line-cover:lt(${len})`).hide();
        $(`.icon:lt(${len})`).show();
        $(`.menu-span:lt(${len})`).css({fontWeight: 'normal', color: '#333333'});    $('.longLineCover,#scheduleList').css('display', i === 1 ? 'block' : 'none');
        let a = $('.my').eq(i).height() + 'px';
        $('#menu').css({height: a, borderRight: '1px solid #ededed'});    $(`.my:eq(${i}),.icon-cover:eq(${i}),.line-cover:eq(${i})`).show();
        $(`.icon:eq(${i})`).hide();
        $(`.menu-span:eq(${i})`).css({fontWeight: 'bold', color: '#3388FF'});
      });
    }