Question

嘿伙计们，我做了以下功能，以便在我的网页上具有相同的高度。

    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') );

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

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

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

我想你知道我的意思，我的解释相当糟糕：）

任何想法我怎么能解决这个或我在这里做错了什么？

Answer 1

如果您希望所有人共享相同的最大值，那么您可以这样做：

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

如果你希望它们在组内只有相同的高度，你应该将max_height的变量声明移动到函数中。

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

1 个答案: