使用mootools包裝其他div的div div

Question

我得到了一個主div與類overview，在該主div中，每4個元素應包裝一個div。

這裏的HTML結構：

<div class="overview"> 
    <a class="item" href="#">Test1</a> 
    <a class="item" href="#">Test2</a> 
    <a class="item" href="#">Test3</a> 
    <a class="item" href="#">Test4</a> 
    <a class="item" href="#">Test5</a> 
    <a class="item" href="#">Test6</a> 
    <a class="item" href="#">Test7</a> 
    <a class="item" href="#">Test8</a> 
    <a class="item" href="#">Test9</a> 
    <a class="item" href="#">Test9</a> 
    <a class="item" href="#">Test9</a> 
    <a class="item" href="#">Test9</a> 
</div> 

我怎麼能做到這一點與MooTools的？

Answer 1

很簡單，只需使用mod。

(function(){ 
    var wrapper, 
     overview = document.getElement('div.overview'); 

    overview.getElements('a.item').each(function(a, i){ 
     if (i % 4 == 0){ 
      wrapper && overview.adopt(wrapper); 
      wrapper = new Element('div'); 
     } 
     wrapper.adopt(a); 
    }); 

    overview.adopt(wrapper); 
}()); 

在行動：http://jsfiddle.net/dimitar/4Tana/