码迷,mamicode.com
首页 > 其他好文 > 详细

n个元素重新组合

时间:2017-01-19 14:24:49      阅读:107      评论:0      收藏:0      [点我收藏+]

标签:item   组合   src   app   jpg   case   lan   cti   style   

HTML部分

<div class="AppList">
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase1.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase2.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase3.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase4.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase5.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase6.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase1.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase2.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase3.jpg" /></a></li>
   <li><a href="#" target="_blank"><img src="uploadfiles/image/temp/HomeCase4.jpg" /></a></li>
</div>

js部分

$(function() {
   $div = null;
   $(".AppList li").each(function(i){
       if ( i % 6 == 0) {
             $div = $( ‘<ul class="item"></ul>‘ ); 
             $div.appendTo(".AppList");
        }
        $(this).appendTo($div);
    });
});

 

n个元素重新组合

标签:item   组合   src   app   jpg   case   lan   cti   style   

原文地址:http://www.cnblogs.com/ghfjj/p/6306289.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!