javascript - 匹配元素高度 jQuery/HTML

Question

我的 HTML 文档中有以下结构:

<div class="content">
<section class="column"></section>
<aside class="column"></aside>
</div>

而且我想将部分的高度和旁边部分的高度与两者中最高的高度相匹配。我有以下脚本，但它不起作用，任何想法:

  function unifyHeights()   
    {    
        var maxHeight = 0;    
        $('div.content').children('.column').each(function(){      
        var height = $(this).outerHeight();      
        if ( height > maxHeight ) { maxHeight = height; }    
    });    
    $('.column').css('height', maxHeight);  
  }

Answer 1

尝试使用 $('.column').css('height', maxHeight + 'px');

顺便说一句，您可以将 $('div.content').children('.column') 替换为 $('div.content > .column')