javascript - 2 列布局的高度相等，但每行的高度不同

Question

我使用 js 使 2 列具有相同的高度。左边的栏是用户的输入，所以它是动态的，有时它有更多或更少的内容。我的问题是我有很多行而不是一行。我想使用 each() 循环并应用于每一行，但我在标记上的类名是相同的。

boxes = $('.heightHack'); maxHeight = Math.max.apply( Math, boxes.map(function() { return $(this).height(); }).get()); boxes.height(maxHeight);

演示 http://bootply.com/105122

Answer 1

只需将它包装在一个循环中并使用 .find():

$(".container").each(function(){
   boxes = $(this).find('.heightHack');
   maxHeight = Math.max.apply(
     Math, boxes.map(function() {
       return $(this).height();
   }).get());
   boxes.height(maxHeight);
});

演示:http://bootply.com/105123

希望这对您有所帮助。干杯