如何使用jQuery将div设置为另一个div的高度

Question

我有一个名为.A的div，编码为height:auto，其高度根据其中包含的文字呈现。我在名为.B的页面上有另一个div，我需要根据第一个div .A的高度使用jQuery来设置动画。

我尝试使用以下jQuery函数，没有太多运气。我们的想法是让jQuery确定.B的高度，然后将填充应用于.B，但是它没有抓住正确的高度。我也尝试过使用'marginTop'

jQuery('div.A').animate({'paddingTop': jQuery('div.B').height()},500); 

绝望的帮助！将以高票和慷慨的赞美来支付。

Answer 1

我认为你需要.outerHeight(true)：

jQuery('div.A').animate({ paddingTop : jQuery('div.B').outerHeight(true)},500); 

来自文档

的.outerHeight()说明

获取匹配元素集中第一个元素的当前计算高度，包括填充，边框和可选边距。返回值的整数（不带“px”）表示，如果在空元素集上调用，则返回null。

注意：

  

顶部和底部填充和边框始终包含在.outerHeight（）计算中;如果includeMargin参数设置为true，则还包括边距（顶部和底部）。