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);

注意：这是一个未经测试的代码。但它应该有适合你的基本概念。您的原始概念很接近，但如果您只想保留最大高度值，则此处不需要数组。

使用jQuery获取儿童的最大身高值，然后将该身高值应用于所有儿童

1 个答案: