Используйте jQuery, чтобы получить наибольшую высоту значения для детей, а затем примените это значение высоты для всех детей

Question

Я понимаю, что CSS - лучший способ достичь даже элементов высоты. Однако в некоторых ситуациях, когда мы имеем дело со страницей или CMS, мы не имеем полного контроля, я думаю, что решение jQuery было бы очень удобно.

Мне интересно, как я буду добиваться следующего в jQuery. Я не очень хорошо разбираюсь в синтаксисе jQuery, но вот мой псевдоним jQuery/английский синтаксис ... Это имеет смысл или есть более простой способ добиться этого? Я понимаю, что следующий код не работает в малейшей степени, это просто мой способ попытаться внести свой вклад в решение, и шаг в немного в логическом отделении:

$('div.columns')each.get.height; 
create an array of the height values 
grab the largest value in this array 
$('div.columns')each.css(height: $max-height); 

После того, как вы перестанете смеяться над моей псевдо-кода , есть идеи? Спасибо!

Answer 1

попробовать что-то вроде этого:

var maxHeight = -1; 
$('div.columns').each(function() { 
    if ($(this).height() > maxHeight) { 
     maxHeight = $(this).height(); 
    } 
}); 
$('div.columns').height(maxHeight); 

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