jquery实现楼层嵌套（DIV嵌套）

来源：互联网发布：windows 8.1 激活编辑：程序博客网时间：2024/04/29 09:01

经常看到评论区回复楼层嵌套，也就是盖楼，下面来用jquery来实现div布局

代码：

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="js/jquery-2.2.3.js"></script>    <style>        #maindiv{width:auto; height:auto; margin: 0 auto; position: relative;}        .common{border:1px solid #1b6d85; padding: 20px;height:auto; width:auto;}    </style></head><body><div id="maindiv" class="common"></div><div id="jsdiv"></div><script>    $(function(){        function setdiv(i,j){            var cdiv=$('<div></div>');            cdiv.addClass("common").text(i);            $("#maindiv").wrapAll(cdiv);            i++;            if(i<=j){                return setdiv(i,j);            }else {                return false;            }        };        setdiv(1,10);    })    </script></body></html>

效果图：

0 0