根据标签出现的次数动态修改 HTML 页面

Question

我正在寻找一种基于大量出现的标签来修改 HTML 文档的方法。例如

<img src="" alt="" />1></a>
    <img src="" alt="" />1></a>
    <img src="" alt="" />1></a>
    <img src="" alt="" />1></a>

必须变成：

<div>
    <img src="" alt="" />1></a>
    <img src="" alt="" />1></a>
    <img src="" alt="" />1></a>
    <img src="" alt="" />1></a>
    </div>"
...

也就是说，<img> 每出现 4 次，就必须在页面中添加一个 div 标签。对于那些想知道为什么我不能简单地写这个的人 - 这些标签是通过其他脚本动态生成的。

此外，可能只有 1 个 img 或 1231。但是，PHP 脚本必须在每个第一个 <img> 和 </div> 的开头添加 <div> 标签，每隔 4 个添加一个 <div>。如果只有 3,2 或 1 个实例，则 </div> 必须在最后一个之后。

有什么想法吗？

请原谅大量的编辑，我遇到了 Firefox 没有显示编辑器的问题。

Answer 1

var tags = $('tag');
var group = new Array();
var i, g = 0;

$.each(tags, function() {
    if(i == 4) {
        g++;
        group[g] = $('<div></div>').appendTo($('body'));
    }
    $(this).appendTo(group[g]);
    i++;
});

或者类似的东西