Как пройтись по блоку?

Question

[olya_097]

есть враппер

в нем data__item (3 штуки)

и в них есть data__image
и data__content

как мне пройтись
получить макс высоту data__content
и задать всем data__content высоту

(тоесть min-height: 400px
к примеру)

Answer 1

[Eugene Chefranov]

$(document).ready(function() {
  var maxHeight = 0;
  $(".wrapper .data__content").each(function() {
    if ($(this).outerHeight() > maxHeight) {
      maxHeight = $(this).outerHeight();
    }
  }).css("min-height", maxHeight + "px");
});

Answer 2

[Шохрух Шаймардонов]

Answer 3

[Анатолий Куликов]

Я тоже поупражняюсь в решении задачи и предлагаю свою функцию с подробным описанием:

function dataContentHeight() {
        // Выбираем все нужные элементы
        const allElements = document.getElementsByClassName('data__content');

        // Устанавливаем высоту в ноль
        let height = 0;

        // Пробегаемся по массиву и ищем наибольшую высоту
        for(let i = 0; i < allElements.length; i++) {
            if(height < allElements[i].clientHeight) {
                height = allElements[i].clientHeight;
            }
        }

        // Всем этим элементам проставляем наибольшее значение по высоте
        for(let i = 0; i < allElements.length; i++) {
            allElements[i].style.height = height + 'px';
        }
    }

Но вообще мне кажется, что я примерно представляю, что там за верстка и это же самое можно легко решить с помощью grid / flexbox.