Jquery根据另一个div的高度动态调整div的大小

Question

我有一个 div，最初设置为 display:none，并使用 .slideDown 变得可见。它通过 ajax 加载表格。由于slideDown，包含的div的高度增加。我希望另外两个 div 的高度同时增加。

Answer 1

如果你想要三个div的高度相同；添加一个CSS类到三个div，如“同时”，滑下后运行以下代码

var maxHeight = 0;

$('div.simultaneously').each(function(index){
if ($(this).height() > maxHeight)
{
maxHeight = $(this).height();
}
});

$('div.simultaneously').height(maxHeight);