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

我用js使2列具有相等的高度。左列是用户的输入，因此它是动态的，有时它具有更多或更少的内容。我的问题是我有很多行而不是一行。我考虑使用each（）遍历并应用于每一行，但是标记上的类名是相同的。

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

演示http://bootply.com/105122

最佳答案

只需将其包装在循环上并使用.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

希望这可以帮助。干杯