2012-10-01 38 views
0

等於列這可以用下面的代碼 [Source]來完成:獲取使用jQuery

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。

任何幫助傢伙?謝謝你經過。

回答

0

只是執行功能equalHeight每個不同.group元素

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

感謝法布里奇奧,你搖滾! – Jeremy

0

你可以試試下面的?

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