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

来源:互联网 发布:耽美网络电视剧百度云 编辑:程序博客网 时间:2024/06/11 19:22
(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();
        });
0 0