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

Question

我有流动的产品清单：

<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，但我不知道每行有多少产品，因为在桌面视图中我连续有 4 个产品，而在移动视图中我每行有 2 个产品。

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

Answer 1

我不确定这是否是你想要的……但考虑到

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

后使用。

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

小提琴让你试试

Answer 2

假设您想动态执行此操作，您可以简单地执行此操作，例如：

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

小提琴：http: //jsfiddle.net/Q5mXA/1/