有很多li,动态加载UL,向每一个ul插入四个li

作者: 西瓜炒苦瓜 | 来源:发表于2017-04-28 18:42 被阅读24次

有很多li,动态加载UL,向每一个ul插入四个li
瀑布流
li插入ul中
用ul做一个云标签
第二节：HTML知识点升级
jq 的层级选择器 :eq() 内部写变量
css html样式快捷方式
无缝滚动
月历表
同级类名写样式不加空格可以起作用

<!DOCTYPE html>
<html>
<head>
<meta charset="GBK">
<title></title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js" ></script>
</head>
<body>

 <li class="a"></li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲1</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲2</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲3</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲</li>
 <li>安哲4</li>
 <script>
 
    var data=$("li");
    console.log(data);
    data=Array.prototype.slice.call(data,0);
    console.log(data);
    var result = [];
    var len=data.length;
    for(var i=0;i<len;i+=4){
       result.push(data.slice(i,i+4));
    }
    console.log(result.length);
    for(var i=0; i<result.length;i++){
        var ul=$("<ul></ul>");
        for(var j=0;j<result[i].length;j++){
            ul.append(result[i][j]);
        }
        $("body").append(ul);
    }

// $("body").find("ul").eq(0).remove();
// var data = ['法国','澳大利亚','智利','新西兰','西班牙','加拿大','阿根廷','美国','国产','波多黎各','英国','比利时','德国','意大利','意大利',];

// console.log(result);

// var group=function (arr,size){
// var arr1=[];
// for(var i=0;i<arr.length;i=i+size){
// var arr2=arr;
// arr1.push(arr2.slice(i,i+size));
// }
// return arr1;
// }
// console.log(group(data,4));
//
</script>
</body>
</html>