我有一个动态生成的链接数,我想自动将其放入div中,以三个为一组。有没有办法轻松用jQuery做到这一点?
目的是使用jQuery循环来循环遍历这些div。
我在考虑如何使用带有计数器的PHP来完成它可以在三个链接之后输出一个开始div和一个结束div,但是如果有例如5个链接它将永远不会满足关闭div的条件:一组3和2。
示例:http://jsfiddle.net/waffl/RkzVy/
$("a+a+a").wrapAll('<div class="testDiv"></div>');
.testDiv {
border: 1px solid red;
margin: 15px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
<a href="http://www.google.com">Google Link</a>
这个怎么样?
var holder;
$("a").each(function(index, elem){
if(index%3==0){
holder=$("<div class='testDiv'></div>").appendTo("body");
}
holder.append(this);
});