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/

用mootools包裹其他div的div

1 个答案: