Как на jquery выровнять блоки в ряду по высоте?

Question

[Антон Середний]

Есть вывод товаров, пусть у каждого товара в списке будет класс .item.

Нужно выровнять эти блоки по высоте. Но вот как сделать это более изящно и вообще какой алгоритм сравнения высот блоков лучше всего использовать?

При этом желательно указывать кратность сравнения. Например, если вывод идёт по 5 товаров в ряд. Значит нужно выравнивать блоки не по максимальной высоте такого же блока, а максимальное значение в каждом ряду.

Ну вот примерно так. Подскажете, пожалуйста правильное решение

Answer 1

[Андрей]

$.fn.setAllToMaxHeight = function() {
  return this.height(Math.max.apply(this, $.map(this.children(), function(e) { 
    return $(e).height();
  })));
};

$('.item').setAllToMaxHeight()

вот так я делал в рабочем проекте

$(window).on("load resize", function () {
            var maxHeight = 0;
            $(".equal-group").find(".equal-item").height("auto").each(function () {
                if ($(this).height() > maxHeight) {
                    maxHeight = $(this).height();
                }
            }).height(maxHeight);
        });

Comments

[Антон Середний]

Этот код я видел в интернете, все супер, но кратность как тут реализовать я не знаю

[Андрей]

Антон Середний: не понял. кратность?

[Антон Середний]

Андрей: ну в вовпросе я писал, что желательно выравнивать по макс.высоте не всех блоков на странице, а по группам. т.е. если в ряду выводится 5 штук, то сравнивать ввоту не глобально на странице, а в каждой группе по 5 штук

[Андрей]

Антон Середний: дополнил

[Андрей]

Антон Середний: а по первому примеру можно делать так же $('.group .item').setAllToMaxHeight()

[Антон Середний]

Андрей: спасибо, будем разбираться.

Answer 2

[Дмитрий Христоев]

https://github.com/mattbanks/jQuery.equalHeights