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

Question

再会

我想计算 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;
}

我将如何进行？我知道我可能可以使用数组，但不知道如何..

Answer 1

使用 Math.max：

返回零个或多个数字中的最大值。

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

使用 jquery 你可以这样做：

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

Answer 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/