jquery - 如果另一个高度更大，则设置此高度（jquery 和变量）

Question

我做了一些if句子以使所有列（ 和 ）的#col1高度#col2相等#col3。但是，由于某种原因，我可以使用.css()函数获取值，但是当我尝试设置从其他var.

这是我的jQuery代码：

$(document).ready( function(){
    var col1_height = $('#col1').css('height');
    var col2_height = $('#col2').css('height');
    var col3_height = $('#col3').css('height');

    if (col1_height < col2_height){
        $('#col1').css('height', col2_height);
    }

    if (col1_height < col3_height){
        $('#col1').css('height', col3_height);  
    }

    if (col2_height < col1_height){
        $('#col2').css('height', col1_height);
    }

    if (col2_height < col3_height){
        $('#col2').css('height', col3_height);
    }

    if (col3_height < col1_height){
        $('#col3').css('height', col1_height);
    }

    if (col3_height < col2_height){
        $('#col3').css('height', col2_height);
    }
});

这是我的 jsfiddle：http: //jsfiddle.net/Arkl1te/aNcYC/

Answer 1

用这个：

var newHeight = 0;
$('#col1, #col2, #col3').find('.content').each(function(){
    var temp = $(this).height();
    newHeight = temp > newHeight ? temp : newHeight;
}).css('height', newHeight);

这将遍历每一列.content并将每个元素的高度与newHeight. 如果当前高度大于newHeight则newHeight设置为这个值。

一旦循环完成，所有.content元素都被赋予最大的高度。

它在这里工作：http: //jsfiddle.net/aNcYC/2/

Answer 2

我不检查它，但.css('height')返回字符串pxon end ... 使用.height()or parseInt($(selector).css('height'))。