我有这个：
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
而我试图得到：
<div class="holder">
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
</div>
<div class="holder">
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
<div class="myTest"></div>
</div>
使用jQuery。我尝试使用nth-child，但随后将每个元素都包裹了该div。
我试图将每5个元素放入一个div被称为Holder的元素中。
尽管如此，我正在尝试使用“第n至第n”个元素方法。换句话说，不是假设每5个元素都被换行，而是将第1至5个元素换成一个div，而可能将第6至14个元素换成另一个。并假设这两个批次都包装有相同的类holder。
有什么动态的方法可以批量处理这些吗？
您可以通过做each()和wrapAll()，
var tmp = $();
$(".myTest").each(function(i){
tmp = tmp.add(this);
if(((i+1) % 5) == 0){
tmp.wrapAll("<div class='holder'>");
tmp = $();
}
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句