2015-11-13 41 views
-3

我已經做了這個JavaScript代碼,但我想我重複我的自我,所以任何建議,使此代碼更好和優化。HTML Div等高

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

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

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

}); 
+0

什麼是你的問題,具體。 –

+0

http://stackoverflow.com/questions/4795318/map-get-confusion/4795529#4795529這可能有幫助 – jvecsei

+0

代碼沒有問題..只需要更多的優化版本 –

回答

0

這裏略短的版本。無需使用第二個循環將高度添加到每個.box元素。

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

這是一套優化的我能想到的

$(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