Question

这个应该很快。我有一个简单的页面，可以从一个大约33％宽的Web应用程序动态加载评论。问题是评论当然都是不同的大小。我想要做的是计算具有相同类的所有元素，“评论”，并在每个第三个元素之后向页面添加一个元素，这样我就可以添加一个分隔符，全宽，空div来分隔每组三个根据集合中最大的高度。我找到了一种计算元素的方法：

var numItems = $('.yourclass').length

我不知道的是如何在每第三个元素后添加分隔符div。以下是每个元素的外观：

<div class="one-third column">
<div class="review">
<img alt="" src="{tag_client picture_value}" />
<h3>{tag_client name}</h3>
<p>{tag_client review}</p>
</div>
</div>

以及正在进行的网页的链接是：http://ladyilgphotography.businesscatalyst.com/reviews

Answer 1

我对jquery不太熟悉，但这应该是有效的

//Document Ready
$(function(){
    var revPerLine = 3;

    $('.review').filter(
        // get every third review by filtering the array
        function(index, elem){return index%revPerLine == (revPerLine-1);}
    ).each(
        // jquery's .after appends a element after the current
        function(index, elem){$(elem).after("<div class='separator'></div>");}
    );
});

在计算具有相同类的元素之后通过js添加元素

1 个答案: