jquery函数：特定元素的高度相同？答案

【问题标题】：jquery function: same height for specific elements?jquery函数：特定元素的高度相同？
【发布时间】：2011-07-18 22:13:49
【问题描述】：

大家好，为了让网页上的特定元素具有相同的高度，我执行了以下功能。

    var max_height = 0;
    function widgetsSameHeight( elements ) {
        elements.each(function(){
             if($(this).height() > max_height){
                max_height = $(this).height();   
            }
        });

        elements.height(max_height);
    }

    widgetsSameHeight( $('#group1 .widget-container') );

但是，如果我将此函数应用于同一页面的两组元素，则所有元素的高度都相同。但是，每个组都应具有相同的最大高度。例如

widgetsSameHeight( $('#group1 .widget-container') );
widgetsSameHeight( $('#group2 .widget-container') );

在这种情况下，最高元素设置 group1 和 group2 中每个元素的高度。但是，我需要 group1 中的所有元素都具有其最高元素的高度。 group2 中所有元素的高度相同，具体取决于 group2 中的最高元素。

我想你知道我的意思，我的解释很糟糕:)

知道如何解决这个问题或我在这里做错了什么吗？

【问题讨论】：

标签： javascript jquery function height

【解决方案1】：

如果您希望它们都共享相同的最大高度，那么您可以这样做：

widgetsSameHeight( $('#group1 .widget-container,#group2 .widget-container') );

如果您希望它们在其组内仅具有相同的高度，则应将 max_height 的变量声明移动到函数中。

【讨论】：

是的。 max_height 对两组元素都是通用的。