@olya_097

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

есть враппер

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

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

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

(тоесть min-height: 400px
к примеру)
  • Вопрос задан
  • 108 просмотров
Решения вопроса 3
Chefranov
@Chefranov
Front-End, Back-End
$(document).ready(function() {
  var maxHeight = 0;
  $(".wrapper .data__content").each(function() {
    if ($(this).outerHeight() > maxHeight) {
      maxHeight = $(this).outerHeight();
    }
  }).css("min-height", maxHeight + "px");
});
Ответ написан
joeberetta
@joeberetta Куратор тега JavaScript
Читай: https://epdf.pub/google-for-dummies.html
Ответ написан
anatoly_kulikov
@anatoly_kulikov
Помог ответ? Отметь решением!
Я тоже поупражняюсь в решении задачи и предлагаю свою функцию с подробным описанием:
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.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
sashabeep
@sashabeep
Дней без вопросов про Slick на тостере : 0
Eqheight и ему подобные. Из задачи непонятно, что именно нужно. Но с большой вероятностью с флексами/гридами, она решается без скриптов
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы