jquery-将高度设置为每2或3个元素一次

我在一个页面上有几个div，每个div的列数为2，因此每个div的高度必须相同。据我所知，可以用来强制所有元素具有相同高度的插件，我只需要每一对都具有相同的高度

我的标记看起来像这样

等

我有下面的jquery，它可以工作，但我相信它可以更容易地完成

    {
    var rowOneHeight = Math.max($('div.large:eq(0)').height(),$('div.large:eq(1)').height());
    $('div.large:eq(0)').css('min-height', rowOneHeight);
    $('div.large:eq(1)').css('min-height', rowOneHeight);

    var rowTwoHeight = Math.max($('div.large:eq(2)').height(),$('div.large:eq(3)').height());
    $('div.large:eq(2)').css('min-height', rowTwoHeight);
    $('div.large:eq(3)').css('min-height', rowTwoHeight);

    var rowThreeHeight = Math.max($('div.large:eq(4)').height(),$('div.large:eq(5)').height());
    $('div.large:eq(4)').css('min-height', rowThreeHeight);
    $('div.large:eq(5)').css('min-height', rowThreeHeight);

}

对于一个由三个div组成的小组，也需要同样的方法。 谢谢

您可以使用一组2进行循环，如下所示：

var elems = $("div.large");
for(var i = 0; i < elems.length; i+=2) {
  var divs = elems.slice(i, i+2), 
      height = Math.max(divs.eq(0).height(), divs.eq(1).height());
  divs.css('min-height', height);
}

$("div.large").setMinHeight(2); //or 3, etc

---

.

我确实看到了这个看起来很有用的问题/答案。我不知道为什么没有通知您答案正确。这个解决方案正是我想要的。谢谢

$("div.large").setMinHeight(2); //or 3, etc