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

时间:2012-06-06 21:57:15

标签: jquery

我意识到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);

一旦你停止嘲笑我的伪代码,任何想法? 谢谢!

1 个答案:

答案 0 :(得分:22)

尝试这样的事情:

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

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