Элементы одинаковой высоты динамически
Как задать элементам одинаковую высоту. Вариант кода на JavaScript.
Дата публикации
29 Августа 2019
Дата изменения
4 Июля 2020
Уникальных просмотров
844
Если вам необходимо задать всем элементам одинаковую высоту, можно применить небольшой 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,1052 s
Время запросов: 0,1052 s
Количество запросов: 25
Источник: cache
Время запросов: 0,1052 s
Количество запросов: 25
Источник: cache