Javascript 使用简单的jQuery脚本获取一个div高度的问题&；再做一个同样大小的div

基本上，我想得到

.r-side

的高度，并将其应用于

.l-side

的高度，这样即使窗口调整大小并放置在彼此的顶部，这两个元素的高度也始终相同。我不确定我的jQuery出了什么问题

以下是我得到的：

$（窗口）.load（函数（）{
$（“.l-side”）.css（{'height'：（$（“.r-side”）.height（）+'px'）}）；
});

使用jquery3.1.1。还有我的问题

为了实现这一点，我愿意使用jQuery以外的其他方法，但在我的研究中，我只找到了特定于列的解决方案，这些div需要直接放置在彼此的顶部
 您已经在jQuery中将
.l-side
和
.r-side
引用为类，并在标记中将它们编码为ID:）

在片段中，我更改了宽度，使其显示在预览窗口中，但现在可以看到高度匹配


$（窗口）.load（函数（）{
$（“#r侧”）.css({
‘高度’：（$（“#左侧”）.height（）+‘px’）
});
});
#左侧img{
宽度：100px；
}
#右侧{
宽度：100px；
高度：100px；
背景色：黑色；
}
您已经在jQuery中将
.l-side
和
.r-side
引用为类，并在标记中将它们编码为ID:）

在片段中，我更改了宽度，使其显示在预览窗口中，但现在可以看到高度匹配


$（窗口）.load（函数（）{
$（“#r侧”）.css({
‘高度’：（$（“#左侧”）.height（）+‘px’）
});
});
#左侧img{
宽度：100px；
}
#右侧{
宽度：100px；
高度：100px；
背景色：黑色；
}

请使用id选择器“#”，因为您使用的是id而不是类，请使用document.ready而不是window.load。
$（document.ready）（function（）{
$（“#r-side”）.css（{'height'：（$（“#l-side”）.height（）+'px'）}）；
});
请使用id选择器“#”，因为您使用的是id而不是类，请使用document.ready而不是window.load。
$（document）.ready（function（）{
$（“#r-side”）.css（{'height'：（$（“#l-side”）.height（）+'px'）}）；
});
在fiddle中，在HTML/CSS中使用ID，但在jQueryEnable jquery中使用类。方法也被弃用（加上加载事件不可靠）。在fiddle中，在HTML/CSS中使用ID，但在jQueryEnable jquery中使用类。方法也被弃用（加上加载事件不可靠）。改用。