Для цикла в JQuery

Question

Нужно запустить цикл for в jquery.Условие:

у меня есть следующий код

<div id="container">
  <ul>
    <li style="background-color:#CCC">First</li>
    <li style="background-color:#CCC">Second</li>
    <li style="background-color:#CCC">Third</li>
    <li style="background-color:#CCC">Fourth</li>
    <li style="background-color:#999">Fifth</li>
    <li style="background-color:#666">Sicth</li>
    <li style="background-color:#000; color:#FFF;">Seventh</li>
    <li style="background-color:#000; color:#FFF;">Eighth</li>
  </ul>
</div>    

<script type="text/javascript">
    $(document).ready(function(){
        var w = 0;
        var bpl=7;
        var tw = 960;
        var cal_width =0;
        var lines =0;
        w = $('li').size();
        cal_width = (tw/w)-30 + "px";
        lines = Math.floor(w/bpl) + (w%bpl>0 ? 1 : 0);
        $("#container").each(function(lines){
            //$("ul > li").css({"width": cal_width});
        });
    });
</script>    

1. var lines = 2;
2. для цикла будет выполняться до количества строк, т.е. 2 раза
3. есть 7 элементов LI по UL
4. , так как когда счетчик LI достигает 8 элементов, необходимо сгенерировать второй UL, и 8-й элемент LI
   появится как часть второго UL.

, так что когда приходит более 7 предметов, то отдельный UL обернет эти предметы LI.

Пожалуйста, помогите!

Answer 1

var container = $("#container");
var lis = $("ul > li", container);
var ul;

container.empty();

for (var i = 0, l = lis.length; i < l; i ++) {
    if (i % 7 == 0) ul = $("<ul />").appendTo(container);
    $(lis[i]).appendTo(ul);
}

Answer 2

почему бы вам не сделать это (если какая-то конкретная причина, пожалуйста, дайте мне знать) -

1. Open first UL
2. Do Creat Li until reach to limit // here 7
3. Close first UL 
4. Open second UL
5. Creat Li
6. Close second UL