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

Question

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

我有 3 个 div，其中 2 个至少有 height 和 300px，第 3 列需要是 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);