Javascript 如何使用jQuery获取每个选择器的同级

假设我有以下HTML：

内容。。。
不同的内容。。。
不同的内容。。。

如何将每个子级高度设置为其同级内容高度

$('.child').css('height', '... next sibling height ...');

按DOM的高度使用并将样式设置为当前元素（

this

）

$（'.child'）。每个（函数（）{
$（this.css（'height'，$（this.next（）.height（））；
});
.sibling{
高度：15px；
}

内容。。。
不同的内容。。。
不同的内容。。。
注意：-用于获取匹配元素集中每个元素的同级，可选地由选择器过滤


$（'.child'）。每个（函数（）{
$（this.this（）.css（{“背景色”：“红色”，“高度”：“20px”}）；
});

内容。。。
内容。。。
内容。。。
不同的内容。。。
内容。。。
不同的内容。。。
也许你可以结合jQuery的功能和方法来实现这一点？这只能通过CSS使用
grid
或
flex
来解决。或者您是在专门寻找JS/jQuery解决方案？我还想建议，这可以通过flex解决，具体取决于您的布局-flex属性
align items
默认值为
stretch
-这基本上会占用flex容器中的所有项（如果flex容器是
div.parent
，那么里面的项目将是
div.child
和
div.sibling
），并将它们拉伸到最高高度（这可以由同级内容确定），这听起来好像达到了你的目标。如果可能的话，最好让CSS而不是JavaScript来完成这项工作。请告诉我更多帮助