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.

使用该示例中的解决方案，我得到了所有 block ，而不管具有相同高度的组。问题是，#group1 的最高 block 可能不等于#group2 的最高 block 。而且我需要 block 的高度应该根据受人尊敬的群体的最高 block 进行调整。在我的案例中，我不能对组使用 ID。

有帮助吗？感谢路过。

Answer 1

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

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