Javascript 如何将引导列高度与纯jQuery匹配？

我知道有一个名为match-height.js的库已经为您实现了这一点，但我正在尝试从头开始。我有一行有两列，第一行有一个居中（水平和垂直）的黑色正方形。第二列有标题和段落。我只想将列的高度与类“about wrapper”匹配

HTML:

关于首席执行官

段落内容在这里。。。

CSS:

#关于徽标包装{
显示器：flex；
证明内容：中心；
填充：0px；
边缘底部：50px；
边框：3倍纯红；
}
#关于标志{
高度：200px；
宽度：200px；
最大宽度：300px；
背景：黑色；
保证金：0px自动；
自对准：居中；
}

jQuery：

$（文档）.ready（函数（）{
$（“#关于徽标包装”）.height=$（“#关于文本包装”）.height；
});

您使用的

高度（）

错误。它是一个函数，不是属性，当你想用它来设置高度时，它需要一个参数

$(document).ready(function(){
    $("#about-logo-wrapper").height($("#about-text-wrapper").height());
});

有关更多信息，请参阅文档

---

我想您首先需要检查哪个高度更高：左单元格还是右单元格：

var h = $("#about-text-wrapper").height() > $("#about-logo-wrapper").height() ? 
        $("#about-text-wrapper").height() : 
        $("#about-logo-wrapper").height();

然后将此高度设置为关于包装的

$(".about-wrapper").height(h);

以整页模式查看代码段：


var h=$（“#关于文本包装”）.height（）>$（“#关于徽标包装”）.height（）$（“#关于文本包装”）.height（）：$（“#关于徽标包装”）.height（）；
$（“.about wrapper”）。高度（h）
#关于徽标包装{
显示器：flex；
证明内容：中心；
填充：0px；
边缘底部：50px；
边框：3倍纯红；
}
#关于标志{
高度：200px；
宽度：200px；
最大宽度：300px；
背景：黑色；
保证金：0px自动；
自对准：居中；
}
#关于文本包装器{
边框：3倍纯绿；
}

关于首席执行官

段落内容在这里。。。

关于首席执行官

段落内容在这里。。。

关于首席执行官

段落内容在这里。。。

CSS:
$（“#关于文本包装”）.height（$（“.about包装”）.height（））