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

Question

我已经把头撞到墙上一段时间了，这就是我想要做的事情：

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

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

到目前为止，我已经找到了获得一列高度的方法，但我不知道如何使用它来计算，因为我无法访问函数之外的变量，因为我对JavaScript并不熟悉。< / p>

    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);