javascript - 在单独的 div 悬停上缩放图像

Question

参见:https://jsfiddle.net/8osg70fp/

当鼠标悬停在对面的 div 上时，我想像在 fiddle 中那样缩放页面右侧的图像。

我知道它符合这种格式，但我无法让它发挥作用。

var treecontainer=document.getElementById('treecontainer'); //DIV=TREECONTAINER
$(treecontainer).mouseover(function(){
    /*CHANGE IMAGE'S CSS HERE*/    
});
$(treecontainer).mouseleave(function(){
    /*CHANGE IMAGE'S CSS BACK HERE*/    
});

Answer 1

请看。如果这不是您需要的，请告诉我。

.container {
  display: flex;
  justify-content: space-between;
  margin: 20px;
}

.myhover {
  width: 100px;
  height: 100px;
  background-color: blue;
}

.myhover:hover + .scaleme {
  transform: scale(1.2);
}

<div class="container">
  <div class="myhover"></div>
  <img class="scaleme" src="http://placehold.it/100">
</div>