【好好学习】循环练习-随机生成三级菜单

(function(){
        for (var i=0;i<10;i++) {
          //生成10个m1
          $('.menu').append('<div class="m m1"></div>');
          //取个随机数,然后在m1后面加m2,m2的个数随机
          var aa
          aa = Math.floor(Math.random() *10);
          for (var j=0;j<aa;j++){
            $('.m1').append('<div class="n m2"></div>');
              //取个随机数,然后在m2后面加m3,m3的个数随机
              var bb
              bb = Math.floor(Math.random() *10);
              for (var k=0;k<bb;k++){
                $('.m2').append('<div class="m3"></div>');
              };
              //加完m3之后移除已经加过m3的m2的class name
              $('.m2').removeClass('m2');
          };
           //加完m2之后移除已经加过m2的m1的class name
          $('.m1').removeClass('m1');
        };


        $('.menu').click(function(){
          $(this).children('.m').toggle();
        });
        $('.m').click(function(){
          $(this).siblings('.m').children('.n').hide();
          $(this).children('.n').show();
          event.stopPropagation();
        });
        $('.n').click(function(){
          $(this).siblings('.n').children('.m3').hide();
          $(this).children('.m3').show();
          event.stopPropagation();
        });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值