如何继续添加项目到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);
}