jquery - 使用 jquery 获取相等的列

Question

这可以使用以下代码[Source]来完成：

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

但是，我的情况是我有不同的容器，如下所示：

<div class="group" id="group1">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>

<div class="group" id="group2">
<div class="block"></div>
<div class="block"></div>
</div>

etc.

使用该示例中的解决方案，我得到所有块，而不管高度相同的组。问题是，#group1 的最高块可能不等于#group2 的最高块。我需要根据尊重组的最高块调整块的高度。在我的情况下，我不能对组使用 ID。

有帮助吗？感谢路过。

Answer 1

equalHeight只需为每个不同的.group元素执行函数

$(document).ready(function() {
   $(".group").each(function() {
      equalHeight($(this).find(".block"));
   });
});

Answer 2

你可以试试下面的吗？

$(document).ready(function() {
equalHeight($(".block, .group"));
});