jquery - 如何将元素的高度复制到另一个元素？

Question

我有一个只有填充的 div，我有另一个没有任何 css 属性的 div。
我想给两个 div 使用相同的高度outerHeight。

这是我的测试，这有效但并不完美：http: //jsfiddle.net/A2bNm/6/

$("#container").mouseenter(function () {
        $("#top").animate({ 'padding' : 70 }, "slow");
        $("#bottom").animate({'height':($("#top").outerHeight())}, "slow");

    }).mouseleave(function () {
        $("#top").animate({ 'padding' : 20}, "slow");
        $("#bottom").animate({'height':($("#top").outerHeight())}, "slow");
});

可以帮忙？谢谢你，对不起我的英语不好！:)

Answer 1

尝试使用当前名称this和其他名称.closest('div)或.siblings('div').

http://api.jquery.com/siblings/ http://api.jquery.com/closest/

此外，也许将所需的高度存储为自变量，因此它不基于#top 的当前值（会发生变化）。