javascript - jQuery .hover更改非子元素的css

我一直试图使一个element（A）的显示阻塞，当另一个element（B）将鼠标悬停在它上面，然后在鼠标离开A之后将其返回为无，这是到目前为止的尝试：

首先这是HTML的一部分

..
<ul>
<li class="firstli">
       <img class="userLogo" src="media/images/eSahara.jpg"><a href="">Configurer</a></li>
       <li><a href="" class="clear">Supprimer</a></li>
       <li><a href="logout">Déconnecter</a></li>
</ul>
      </li>
          </ul>
<div id="cimsgContainer"><p>Changer votre <br> image de profile</p></div>

现在我的尝试

<script type="text/javascript">
$(".userLogo").mouseenter(function(){$("#cimsgContainer").css("display","block");});
$(".userLogo").mouseleave(function(){$("#cimsgContainer").css("display","none");});
</script>


<script type="text/javascript">
    $(".userLogo").hover(function(){$("#cimsgContainer").css("display","block");},function(){$(this).css("display","none");});
    </script>

非常重要的说明：我已经进行了研究，发现所有的都是在父母悬停时更改孩子的CSS，在我的情况下，B不是A的孩子，A也不是B的孩子。
A的ID = #cimsgContainer; B的ID = #userLogo
谢谢

最佳答案

<ul>
<li class="firstli">
       <img class="userLogo" src="media/images/eSahara.jpg"><a href="">Configurer</a></li>
       <li><a href="" class="clear">Supprimer</a></li>
       <li><a href="logout">Déconnecter</a></li>
</ul>
      </li>
          </ul>
<div id="cimsgContainer"><p>Changer votre <br> image de profile</p></div>
<script>
$(".userLogo").hover(function(){ $("#cimsgContainer").css("display", "block"); }, function(){ $("#cimsgContainer").css("display", "none");});
</script>

似乎为我工作。

这是你想要的吗？

关于javascript - jQuery .hover更改非子元素的css，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16267173/