Javascript 显示相关的div&；选择相关选项时隐藏其他选项

我正在努力学习jQuery，并希望能够：

（已实现）选择相关选项时显示价格

隐藏其他背景&单击按钮时仅显示相关背景（即选择“选项2”应显示“div-2”）

为什么我不能达到2

很抱歉这是JS和JQ的一部分，但我不太了解JQ。如果JS可以转换成JQ，我会非常感激：）

函数updatePrice（）{
$（'#priceSpan'）.html(
$（'#选择器'）。查找（'option:selected'）。数据（'price'）；
}
函数rightBG（）{
var divToDisplay=$（“#选择器”）.find（'option:selected'）.data（'div-id'）；
var els=document.getElementsByClassName（'options'）；
对于（i=0；i我会创建一个包含div的文件，然后显示相关的div（如果已经显示，则不会发生任何事情），然后隐藏它的同级文件

$(myOption.data('div-id')).show().siblings().hide();


函数updatePrice（）{
var myOption=$（“#选择器”）.find（'option:selected'）；
$（'#priceSpan'）.html（myOption.data（'price'））；
$（myOption.data（'div-id'））.show（）.sides（）.hide（）；
}
函数rightBG（）{
var myOption=$（'#selector'）.find（'option:selected'）；$（document.body.css（“背景色”）、$（myOption.data（'div-id'））.css（“背景色”）；
}
#选择器{
宽度：300px；
高度：自动；
}
#第一组{
宽度：100%；
高度：50px；
背景：黄色；
}
#第2组{
宽度：100%；
高度：50px；
背景：浅蓝色；
}
#第3组{
宽度：100%；
高度：50px；
背景：浅绿色；
}
#价格区间{
背景：橙色；
}
.选项{
显示：块；
}

选择1
选择2
选择3
第一组
第2组
第3组
这里的价格
查看相关背景
谢谢，但更重要的是在单击按钮时显示正确的背景。我如何才能使其正常工作？@user8758206我不太确定该代码的用途，但我继续操作，当您按下按钮时，它会将整个身体的背景设置为所选对象的背景。如果你可以标记为解决方案，如果我帮了你，那会很有帮助的。谢谢！查看相关背景你的代码片段中的按钮在Firefox中不起作用，尽管它在Chrome上起作用。这可能是因为Stack Overflow用来显示代码片段的
iframe
的安全设置。哦，对不起，当我在单击按钮时更改选择选项时，我没有意识到它起作用。我可以看到它是如何工作的。谢谢！@RoryO'Kane update它在获取
背景
数据时遇到问题，因此我将其更改为
背景色
。