jQuery div高度分别计算

我有这个代码：

var maxHeight = 0; $('div.height').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }).height(maxHeight); 

此代码甚至可以计算每个框的长度。 但我希望每个盒子的长度分别计算。 我怎样才能做到这一点？

我的HTML

 
 
 Content 
 
 
 Content  

Answer 1

 $('div.height').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); $(this).height(maxHeight); }) 

Answer 2

我自己弄清楚这是解决方案：

 $('div.height').each(function() { hParent = $(this).height(); hChild = $(this).find('div.overlay').height(); maxHeight = Math.max(hParent, hChild); $(this).height(maxHeight); $(this).find('div.overlay').css("height",(maxHeight-72)+"px"); }); 

Answer 3

在当前代码中，您将所有内容设置为MAXHeight的CURRENT值，而不是maxHeight的FINAL值。 如果我理解你打算做的正确，那么试着把它分开：

 var maxHeight = 0; $('div.height').each(function() { maxHeight = Math.max(maxHeight, $(this).height()); }); $('div.height').height(maxHeight); 

这将最终的maxHeight应用于所有div。