用div包装链接组？ （PHP是一个选项）

Posted 2021-03-27

我有一个动态生成的链接数，我想自动将其放入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>

答案

这个怎么样？

http://jsfiddle.net/RkzVy/1/

var holder;

$("a").each(function(index, elem){
    if(index%3==0){
        holder=$("<div class='testDiv'></div>").appendTo("body");
    }

    holder.append(this);
});