Javascript hover更改非子元素的css

我一直在尝试使一个元素（A）的显示被阻止，当另一个元素（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>

。。








变换器votre
图像去轮廓

现在我的尝试

<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>

$（“.userLogo”）.mouseenter（function（）{$（“#cimsgContainer”）.css（“display”，“block”）；}）；
$（“.userLogo”）.mouseleave（function（）{$（“#cimsgContainer”）.css（“display”，“none”）；}）；
$（“.userLogo”）.hover（function（）{$（“#cimsgContainer”）.css（“display”，“block”）；}，function（）{$（this.css（“display”，“none”）；}）；

非常重要的注意事项：我已经做了研究，我所发现的只是在父母悬停时更改孩子的CSS，在我的情况下，B既不是a的孩子，也不是B的孩子。 A的id=#cimsgContainer；B的id=#用户标识 谢谢

#target

将选择id=target的元素

.target

将使用

class=target

选择所有元素

您需要使用类选择器正确定位图像<代码>$（“.userLogo”）

此外，您可能希望在鼠标悬停时显示徽标后面的元素，但在其他情况下不显示？在这种情况下，您可以尝试以下方法：

$(".userLogo").hover(
  function(){$(this).next().show()},
  function(){$(this).next().hide()}
);

下面是该场景的

或者更简单地说：

$（“.userLogo”）.hover（函数（{$（this）.next（）.toggle（）}）；

（）

变换器votre
图像去轮廓

$（“.userLogo”）.hover（function（）{$（“#cimsgContainer”）.css（“display”，“block”）；}，function（）{$（“#cimsgContainer”）.css（“display”，“none”）；}；

似乎对我有用

---

这就是你想要的吗？

你的目标是一个不存在的ID。我看到了一类userLogo，但不是和ID。是的，我更改了它，但它不起作用

<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>