Javascript 如何在新div中包装每三个唯一的子元素

我目前正试图重建一个我无法访问DOM的网站部分。起初，这个部分是用表构建的，现在我正试图用divs重建这个结构。我已经有了一个父容器，其中表的所有内容都作为子容器，如下所示：

如果可能的话，我想用下一个对应的第一个“模型信息单元”包装第一个对应的“模型图像单元”元素，以此类推

在我有限的知识范围内，我对孩子们进行了循环，并尝试将每三个div包装到一个新容器中，但是这只是将模型图像和模型信息进行了相似的分组

有人能解释一下这种情况吗？谢谢

编辑：抱歉，我认为前面的代码对我如何到达这里毫无意义，但这里是

$（“#按钮”）。单击（函数（）{
$（'#ProductDataList'）。替换为（函数（）{
$productListContainer=$（“”，{html:$（this.html（）}）；
$.each（this.attributes，function（i，attribute）{
$productListContainer.attr（attribute.name，attribute.value）；
});
返回$productListContainer；
})
$（'#ProductDataList tbody'）.contents（）.unwrap（）；
$（'#ProductDataList tr'）.contents（）.unwrap（）；
$（'#ProductDataList td'）。替换为（函数（）{
$div=$（“”，{html:$（this.html（）}）；
$.each（this.attributes，function（i，attribute）{
$div.attr（attribute.name、attribute.value）；
});
返回$div；
})
})

形象
形象
形象
图像详细信息/信息
图像详细信息/信息
图像详细信息/信息
形象
形象
形象
图像详细信息/信息
图像详细信息/信息
图像详细信息/信息
重建

我试图解决您的特定问题

关于“在我有限的知识范围内，我对孩子们进行了循环，并尝试将每三个div包装在一个新容器中，但这只是将模型图像和模型信息进行了相似的分组。”

我认为这一点很有趣，所以我尝试了类似的方法，认为这个子案例可能很有趣

$（函数（）{
var$inners=$（'.container.inner'）；
对于（var i=0；我告诉我你的想法：D@MaximeGirou更新了操作。我脑海中以前的代码不一定对当前问题有帮助。我只是想到了从这里开始的方向，伙计。你能把一个样本表打开，这样我们就可以看到代码在起作用。很容易把每三个模型信息单元放入以前对应的模型-I中mage cell但我觉得直接处理解包功能比直接破解elementsHi要好得多，@AbanaClara刚刚用我的方法更新了OP，希望你能理解我是怎么做的。谢谢！谢谢你添加了你正在使用的代码，你能不能也显示一下你体验的结果的html你的第一个回复是我已经尝试过的，但是你的新解决方案绝对符合我的要求，伙计。谢谢。我会玩弄代码，看看我能想出什么。跟进。一切都按照我想要的方式进行了。非常感谢你，伙计。