jquery - 使用 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);

注意：这是未经测试的代码。但它应该为您准备好基本概念。您最初的概念很接近，但如果您只想保留最大高度值，则此处不需要数组。