计算3个元素的高度并找到最大的元素

时间:2013-03-20 13:51:09

标签: jquery

美好的一天

我想计算3个元素的外部高度并返回最大的元素,因为它们的大小在任何给定时间都会有所不同......

这就是我所拥有的:

var a = $('#latestInner').outerHeight();
var b = $('#make').outerHeight();
var c = $('#models').outerHeight();

if (a > b, c) {
    a = x;
}
else if (b > a, c) {
    b = x;
}
else if (c > a, b) {
    c = x;
}

我该怎么办?我知道我可以使用数组,但不知道如何...

2 个答案:

答案 0 :(得分:5)

使用Math.max

  

返回0或0以上的最大数字。

Math.max([value1[,value2[, ...]]]) 

使用jquery可以:

var max = Math.max.apply(null, $.map($('#latestInner, #make, #models'), function(n){ 
    return $(n).outerHeight(); 
}));

答案 1 :(得分:2)

您可以使用每种方法计算最大值:

var max = 0;
$('#latestInner, #make, #models').each(function() {
    max = Math.max(max, $(this).outerHeight());
});

http://jsfiddle.net/uwsJH/

如果你需要将div的高度更新为相同,你可以立即设置:

var max = 0;
$('#latestInner, #make, #models').each(function() {
    max = Math.max(max, $(this).outerHeight());
})
.height(max);

http://jsfiddle.net/uwsJH/1/