Question

我有这个jQuery脚本，它使我的两个div具有相同的高度：

$(document).ready(function () {    
    var $sameHeightDivs = $('.sameh');
    var maxHeight = 0;
    $sameHeightDivs.each(function() {
        maxHeight = Math.max(maxHeight, $(this).outerHeight());
    });

    $sameHeightDivs.css({ height: maxHeight + 'px' });
});

我有两个div：

<div class="sameh">div 1</div>
<div class="sameh">div 2</div>

问题是，首先加载div 1（我认为这是问题），实际上DIV2高于DIV1。但是脚本只是使这两个div的高度相同，这将使DIV2的高度与DIV1相同。

我该怎么做，所以DIV1跟随DIV2的高度？

感谢。

Answer 1

您可以从所有元素中获取最大高度，然后将其应用于其他元素：

// get the max height of a collection of elements using map
var maxHeight = Math.max.apply(null, $(".sameh").map(function ()
{
    return $(this).outerHeight();
}).get());
// set all divs to the same height
$('.sameh').css({ height: maxHeight + 'px' });

Working example here和 Docs on .map() here

DIV高度相同

1 个答案: