Javascript 将鼠标悬停在1个子对象上时，如何更改2个子对象的内容？

我想要完成的事情对我来说是相当简单但复杂的。我试图在一个孩子身上悬停，而其他两个孩子则改变背景颜色。对所有3个孩子都这样做

HTML代码：

<div class="servhold">
    <div class="serv">
        <h1>Clean</h1>
        <p>test test test test test test test
            test test test test test test test
            test test test test test test test
        </p>
    </div>
    <div class="serv">
        <h1>Creative</h1>
        <p>test test test test test test test
            test test test test test test test
            test test test test test test test
        </p>
    </div>
    <div class="serv">
        <h1>Responsive</h1>
        <p>test test test test test test test
            test test test test test test test
            test test test test test test test
        </p>
    </div>
</div>

任何帮助都将不胜感激（Javascript或Jquery也可以）

---

谢谢。

我想你是说你想要这个：

这里有更好的视野：

.servhold:hover.serv{
背景颜色：粉红色；
}
.servhold:hover.serv:hover{
背景色：透明；
}

清洁的
测试测试测试测试测试

创造性的
测试测试测试测试测试

反应敏捷的
测试测试测试测试测试

jQuery方法是：

第一个功能-更改
同级背景


第二个功能-重新启动
兄弟背景
-将原始的
背景色
放在那里，而不是
初始
$（'.servhold.serv'）.hover（函数（）{
$（this）.sides（'.serv'）.css（'background-color'，'pink'）；
}，函数（）{
$（this）.sides（'.serv'）.css（'background-color'，'initial'）；
});

清洁的
测试测试测试测试测试

创造性的
测试测试测试测试测试

反应敏捷的
测试测试测试测试测试

您可以将悬停事件绑定到类“.serv”，然后向所有元素添加粉红色背景，并使背景在调用悬停函数的元素上透明

$('.serv').hover(function(){
    $('.serv').css({'background-color': 'pink'});
    $(this).css('background', 'transparent');
});

你的意思是，当“创造性”悬而未决时，“干净”和“反应灵敏”会有不同的背景？是的，有点像。好的概念，会尽快尝试，并向我认为最好的人宣布答案。谢谢。谢谢你的回答，尽管我确实希望所有的图片都以白色背景（而不是粉色）开始。如果您能编辑您的答案，我将不胜感激。@Graphicoding:它们确实以白色背景开始。我的意思是，我不想将鼠标悬停在
.servhold
上，并使我的
.serv
变成粉红色。但是谢谢你的帮助！这正是我想要的！我给你答案是因为你提供了代码和代码片段。非常感谢。
$('.serv').hover(function(){
    $('.serv').css({'background-color': 'pink'});
    $(this).css('background', 'transparent');
});