JQuery具有一个DIV类的等高列/行

如何使用一个DIV类生成高度相等的行，而不使用adress all Column类，而是使用第一行中有4行文本的行

这是我的例子和问题

我的基础是这个问题-但是这个HTML基于行而不是列：

---

谢谢大家

我不知道你到底想要什么，但也许你应该用。孩子们：

使用flexbox仅用于css解决方案

css

---

你不能使用表格吗？我的设计没有框阴影问题的原因否，但现在是第一行，不是在一行上，高度相等。在jiddle中看起来不错，但在我的工作中，DIV在columns中，它破坏了我的结构。那么，你希望DIV in.列看起来如何？在它们之间-但现在它们是并行的和延迟的-整体元素不允许像这样的“display:flex”——删除JQuery代码并添加display:flex；到。盒子和弹性体：1；到.container-看看我的意思，我无法分析您希望它看起来是什么样子，您能分享您想要的布局的图像吗？顺便说一句，您没有正确地关闭标记，在您的代码中，没有jquery也可以正常工作。

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

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

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

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

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