我动态地包装了数组中固定数量的 div(例如,每组 4 个)。
从数组返回的 .item
div 的数量未知...
我需要递归地将相同的类添加到包装在一起的那些 div 组中:
<div class="wrapper">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<div class="wrapper">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
<!-- more divs follow... -->
<div class="wrapper">
...
</div>
<div class="wrapper">
...
</div>
这是最终结果:
<div class="wrapper">
<div class="item div-01"></div>
<div class="item div-02"></div>
<div class="item div-03"></div>
<div class="item div-04"></div>
</div>
<div class="wrapper">
<div class="item div-01"></div>
<div class="item div-02"></div>
<div class="item div-03"></div>
<div class="item div-04"></div>
</div>
<!-- more divs follow... -->
<div class="wrapper">
...
</div>
<div class="wrapper">
...
</div>
我用来包装 div 的代码:
var divs = $(".item");
for(var i = 0; i < divs.length; i+=4) {
divs.slice(i, i+4).wrapAll('<div class="wrapper"></div>');
}
最佳答案
$('.wrapper').each(function() {
$.each($(this).children('.item'), function(k,v) { // k = index, v = value
$(this).addClass('div-' + (k < 9 ? '0' : '') + (k+1));
});
});
使用 each() 遍历项目并使用索引添加类。
关于jQuery 将编号类递归添加到 div block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31115973/