用div包装链接组? (PHP是一个选项)

问题描述 投票:2回答:1

我有一个动态生成的链接数,我想自动将其放入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>
javascript php jquery html css
1个回答
2
投票

这个怎么样?

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);
});
© www.soinside.com 2019 - 2024. All rights reserved.