javascript - Bootstrap 3，在一行产品后插入一个div

Question

我有流动的产品 list :

<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>

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

有没有通过javascript在每行产品后插入一个div的解决方案？

Answer 1

我不确定这是不是你想要的..但​​考虑到

solution to insert a div via javascript after each row of products

之后使用。

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

fiddle给你试试