Jquery比较同一类中的每三个div

Question

我有同一个类中的 div 列表。我想比较每三个并将高度设置为最高的。例如:

<ul>
<li class="items">box1</li>
<li class="items">box2</li>
<li class="items">box3</li>

<li class="items">box4</li>
<li class="items">box5</li>
<li class="items">box6</li>

<li class="items">box7</li>
<li class="items">box8</li>
<li class="items">...</li>
</ul>

到目前为止，我发现能够找到所有列表中的最高高度，并使用 jquery 将每个列表设置为该高度。

function equalHeight(group) {
    tallest = 0;
    group.each(function () {
        thisHeight = $(this).height();
        if (thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

        window.onload=(function () {
        equalHeight($('.items'));
});

有没有办法比较列表中的每 3 个 div，并将高度设置为这三个中的最高值。

谢谢大家的回复。对不起，如果我让你感到困惑。我在下面发布一张图片，以便大家更好地理解。

http://i62.tinypic.com/2e0vayf.jpg

在网页上，box1,2,3在同一行，我想比较哪个box的高度最高，将另外两个设置为相同的高度。然后 box4,5,6 换行，比较这三个并将每个设置为最高。所以第一行和第二行会有不同的高度，但它们都在同一个类中。在这种情况下，由于该行中最高的框，我如何将每行设置为不同的高度。

Answer 1

您可以遍历每个第 3 个 div 并找到接下来的 2 个:

jQuery(document).ready(function($){
    $("ul li:nth-child(3n+1)").each(function(){
        var first = $(this);
        var second = first.next();
        var third = second.next();
    });
});

因此，使用 nth-child 您可以获得每个第 3 个 div 和其他 2 个关注者，您可以通过这种方式相互比较。