4

私は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でそれを行うことができますか？

4

1 に答える 1

2

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/

于 2013-03-06T15:30:44.533 に答える