JQuery等高度列/行与一个DIV级

Question

如何使用一个DIV-Class制作相同高度的行而不使用所有列类，而是在第一行中使用4-Line-Text的行？

以下是我的示例和问题http://jsfiddle.net/8mh4s/1/

   $('.container').each(function() {  

        var highestBox1 = 0;
        $('.column').each(function(){

            if($(this).height() > highestBox1) 
               highestBox1 = $(this).height(); 
        }).height(highestBox1);  
});    

我的基础是这个问题 - 但这个HTML基于行而不是列： Setting equal heights for div's with jQuery

感谢所有人！

Answer 1

我不确切地知道你在寻找什么，但也许你应该使用.children()：

http://jsfiddle.net/8mh4s/2/

$(this).children('.column').each(function(){...

Answer 2

<强> Demo

使用flexbox for css only解决方案

CSS

html, body {
    height: 100%;
    width: 100%;
    margin:0;
    padding:0;
    font-family: calibri;
}
.container {
    display: flex;
}
.column {
    flex: 1;
    border: 1px solid white;
    padding: 5px;
}
.column:nth-child(odd) {
    background-color: grey;
}
.column:nth-child(even) {
    background-color: lightgrey;
}