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

Question

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

这是我的测试，它有效但并不完美： 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') 引用您的 div。

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

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