javascript - 使用 JavaScript/jQuery 计算多列的高度

Question

我已经用头撞墙有一段时间了，这就是我想做的:

我有 3 个 div，其中 2 个的最小高度为 300px，第三列需要是 2 个 div 的高度加起来 + 15px 边距。

这是一个小例子 http://jsfiddle.net/AAKcJ/4/

到目前为止，我已经找到了一种获取一列高度的方法，但我不知道如何用它来计算，因为我无法访问函数外部的变量，因为我对 JavaScript 没有真正的经验。

    var style_col1 = $("#column1").css( ["height"] );

    $.each(style_col1, function( prop, value ) {
      var height_col_1 = value;
    });


    var style_col2 = $("#column2").css( ["height"] );

    $.each(style_col2, function( prop, value ) {
      var height_col_2 = value;
    });

感谢任何帮助:)

Answer 1

您可以采用在两个函数中都可见的全局变量

var height = 0;
 $('#column1,#column2').each(function(){
     height += $(this).height();
});

$('#column3').css('height', height+15);

或

height = $('#column1')height()+$('#column2')height();
$('#column3').css('height', height+15);