HTML Div Equal Height

Question

我已经制作了这个javascript代码，但我认为我正在重复我的自我，所以任何建议都可以使这些代码更加优化和优化。

var countHeight = [];
$('.box').each(function() {
    countHeight.push( $(this).outerHeight() );
});
var maxValueInArray = Math.max.apply(Math, countHeight);

$('.box').each(function() {

  $(this).css('height', maxValueInArray+'px');

});

Answer 1

这是我能想到的一套优化

$(function(){

var maxHeight = 0;
$('.box').each(function() {
    var h = $(this).outerHeight();
    if(h>maxHeight) maxHeight=h;
});

$('.box').each(function() {
  $(this).css('height', maxHeight+'px');
});

});

Fiddle

Answer 2

这是稍短的版本。无需使用第二个循环来为每个.box元素添加高度。

var countHeight = [];
$('.box').each(function() {
    countHeight.push( $(this).outerHeight() );
}).css('height', Math.max.apply(Math, countHeight)+'px');