Javascript 引导3，在一行产品后插入一个div

我有一份产品清单：

<div class="row" id="myList">
    <div class="item col-md-3">Product1</div>       
    <div class="item col-md-3">Product2</div>   
    <div class="item col-md-3">Product3</div>   
    <div class="item col-md-3">Product4</div>
    <div class="item col-md-3">Product5</div>
</div>

产品1
产品2
产品3
产品4
产品5

我获得了一个每行4个产品的产品列表。 现在。。我需要在每行后面插入一个div，但我不知道每行有多少产品，因为在桌面视图中，我一行有4个产品，而在移动视图中，我每行有2个产品

---

有一种解决方案可以通过javascript在每行产品之后插入div？

我不确定这是否是您想要的。。但是考虑到

在每一行产品之后通过javascript插入div的解决方案

使用后

 $('.item').after($('<div />'));

$（'.item'）。在（$（''）之后；

---

如果您想尝试动态执行此操作，可以简单地执行以下操作：

$('.row').each(function() {
    $(this).after('<div class="added">whatever you want here</div>');
});

$（'.row'）。每个（函数（）{
$（this）.after（'这里你想要什么'）；
});

小提琴：