[英]Wrap div around other divs with mootools
我有一個帶有類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做到這一點?
它很簡單,只需使用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);
}());
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.