Функция jquery: та же высота для определенных элементов?

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

Однако, если я применю эту функцию к двум группам элементов на одной странице, все элементы получат одинаковую высоту. Однако каждая группа должна иметь одинаковую максимальную высоту. например,

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

В этом случае самый высокий элемент устанавливает высоту для каждого элемента в group1 и group2. Однако мне нужно, чтобы все элементы в group1 имели высоту самого высокого элемента. И одинаковая высота для всех элементов в группе 2 в зависимости от самого высокого элемента в группе 2.

Я думаю, вы понимаете, о чем я, мое объяснение довольно плохое:)

есть идеи, как я могу решить это или что я здесь делаю неправильно?

Answer 1

Если вы хотите, чтобы все они имели одинаковую максимальную высоту, вы можете сделать это:

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

Если вы хотите, чтобы они имели только одинаковую высоту в своей группе, вы должны переместить объявление переменнойmax_height в функцию.