具有组大小变量的Jquery包装内容

具有组大小变量的Jquery包装内容,jquery,Jquery,我是jquery新手,但我希望创建某种迭代循环,将一些div封装在外部父包装器中,以便我可以使用它更具创造性地排列一些图像 我想得到的是这样的东西: <div class=“wrap_row_1”> <div> Image file </div> </div> <div class=“wrap_row_2”> <div> Image file </div> <div> Image

我是jquery新手,但我希望创建某种迭代循环,将一些div封装在外部父包装器中,以便我可以使用它更具创造性地排列一些图像

我想得到的是这样的东西:

<div class=“wrap_row_1”>
    <div> Image file </div>
</div>

<div class=“wrap_row_2”>
   <div> Image file </div>
   <div> Image file </div>
   <div> Image file </div>
</div>

<div class=“wrap_row_3”>
   <div> Image file </div>
   <div> Image file </div>
</div>

图像文件
图像文件
图像文件
图像文件
图像文件
图像文件
我做了一些挖掘,寻找一个可能的解决方案,并遇到了这个问题,但这并不完全是我需要它来处理我的情况


如果有人能指导我如何实现这样的目标,我真的很感激。

以下是如何将6个元素(使用特定的CSS类)以1-3-2的包装排列:

var elems=$(“.wrapthis”);
变量大小=[1,3,2];
对于(变量行=0;行
.wrap_row_1{边框:1px solid}
.wrap_row_2{边框:1px实心;背景:银色}
.wrap_row_3{边框:1px实心}
.wrapthis{显示:内联块;边距:5px}

图像文件1
图像文件2
图像文件3
图像文件4
图像文件5

图像文件6
如何决定将某个
div放入哪个包装中
?这是随机的,还是有逻辑的?你能说得更具体一点吗?@trincot我基本上是在尝试创建一个Instagram提要,它看起来很像桌面版的。每几篇文章都包装在一个父级中,因此它们可以通过css进行控制。这就是我想要复制的。你能回答我的问题吗?逻辑是什么?逻辑是最初的提问和展示方式。第一篇文章需要包装,接下来的3篇需要包装,最后2篇需要包装。就是这样,有结果吗。。。?