Jquery 将鼠标悬停在div上时，其余部分会发生变化

我想，当我将鼠标悬停在“.post”div上时，“.post”div的其余部分会更改，例如其背景

我怎么能这样做

CSS:

HTML:

<div class="post"> ... </div>
<div class="post"> ... </div>
<div class="post"> ... </div>
<div class="post"> ... </div>

。。。
... 
... 
... 

使用悬停功能并

。不要（此）

使用jquery：

$(function(){
  $("div.post").mouseover(function(){
    $(this).siblings().css("background-color","red");
});
$("div.post").mouseout(function(){
    $(this).siblings().css("background-color","white");
});
});

---

我想你无意中发布了一个断开的链接。没有，它是正确的链接，只有你可以在那里看到答案演示。它现在似乎有些工作，但它只是进入登录屏幕。使用它要好得多。

$('.post').hover(function() {
    // .css can be anything you want it to be
    $('.post').not(this).css({'color':'red'});
}, function() { // Revert back to default (optional)
    $('.post').css({'color':'black'});
});

$(function(){
  $("div.post").mouseover(function(){
    $(this).siblings().css("background-color","red");
});
$("div.post").mouseout(function(){
    $(this).siblings().css("background-color","white");
});
});