用mootools包裹其他div的div

Question

我有一个带有类overview的主div ，在那个主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/