Дата публикации
29 Августа 2019
Дата изменения
4 Июля 2020
Уникальных просмотров
748

Если вам необходимо задать всем элементам одинаковую высоту, можно применить небольшой jQuery код.

Одинаковая высота блоков на jQuery

Небольшой jQuery код, который вычисляет высоту всех (заданных вами) элементов, находит наибольшую и задает её всем остальным, соседствующим элементам.

$(document).ready(function () {
    // Указываем какие элементы измерять
    var elementCount = $('article > .container > a').length;
    var maxHeight = 0;
    // Проходимся по всем элементам
    for (i = 0; i < elementCount; i++) {
        // Определяем высоту элемента
        var itemHeight = $('article > .container > a').eq(i).height();
        // Если высота элемента больше максимально-заданной, запоминаем её
        if (itemHeight > maxHeight) {
            maxHeight = itemHeight;
        }
    }
    // Задаем элементам наивысшую высоту
    $('article > .container > a').css('height', maxHeight);
});

Благодарность автору

Если по какой-либо причине вы хотите поблагодарить автора данного ресурса, вы можете это сделать одним из удобных для вас способов ниже.

Один из самых популярных способов поблагодарить автора, воспользоваться сервисом Яндекс.Деньги.

Время работы: 0,1107 s
Время запросов: 0,1107 s
Количество запросов: 25
Источник: cache