Javascript 在jquery的每三个图像集之后添加break

我正在动态生成图像，并愿意在每一组三个图像后添加break，因此每一组三个图像都将是新行：

<img class="test">
<img class="test">
<img class="test">
<img class="test">
<img class="test">

预期结果：

<img class="test">
<img class="test">
<img class="test">
<br>
<img class="test">
<img class="test">
<img class="test">

您可以使用和：

$（函数（）{
$（“.test:nth child（3n）”）。在（“
”）之后；
});
测试{边框：1px实心#999；宽度：25px；高度：25px；}

简单地说

$('.test:nth-child(3n)').after('<br>')

$（'.test:第n个子项（3n）'）。在（'
'之后）

使用选择第三个元素
似乎只需几行CSS就可以非常简单（自动）地完成。无需使用Javascript或加载+50kb库

MDN CSS参考：

运行代码段进行尝试


#图像img{
保证金：2倍；
浮动：左；
}
#图像img:n个孩子（3n+1）{
清除：左；
}

不起作用。。。请在发布前检查您的答案。@PraveenKumar抱歉，我忘了匆忙添加第n个孩子。@PraveenKumar它应该按照规范工作@gurvinder372工作得很好。@PraveenKumar Lol，我几乎从未使用过snacksnippets。它既不容易使用，也不直观。严重依赖JSFIDLE:）它不应该只是3n吗？@BhojendraNepal检查了一下，兄弟<代码>3n

仅给出。。。等待我想这是因为这个片段。@chetan请点击我答案旁边的勾号按钮，接受我的答案，如果它有效的话。