javascript - 如何继续向 div 添加元素，直到两个 div 具有相同的高度？

Question

我有两个并排的 div。目前，我在左侧 div 中显示 n+2 项，在右侧显示 n 项。 n 因类别而异并且是预先确定的。我的问题是有时左侧 div 中的个别元素的高度比平时高。我怎样才能继续向右侧的 div 添加元素，直到两个 div 的高度大致相同？

Answer 1

试试这个？

var $left_div = $('#left_div');
var $right_div = $('#right_div');
while($left_div.height() > $right_div.height()){
   $right_div.append($your_item);
}

$your_item 定义为您要添加到右侧 div 的任何内容

或者你可以检查一个阈值

var threshold = 200;
var $left_div = $('#left_div');
var $right_div = $('#right_div');

while(Math.abs($left_div.height() - $right_div.height()) < threshold){
   $right_div.append($your_item);
}