0

これは、次のコード[ソース]を使用して実行できます。

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を使用できません。

助けてくれる人はいますか？通りすがりにありがとう。

4

2 に答える 2

0

異なる要素equalHeightごとに関数を実行するだけです.group

$(document).ready(function() {
   $(".group").each(function() {
      equalHeight($(this).find(".block"));
   });
});
于 2012-10-01T10:32:55.770 に答える
0

以下をお試しいただけますか？

$(document).ready(function() {
equalHeight($(".block, .group"));
});
于 2012-10-01T10:35:32.523 に答える