Javascript 更改元素属性 onmouseover onmouseout

Question

我有这个代码:

  <script type="text/javascript">
    $(document).ready(function () {
    $('.thumbspiccolimabelli').hover( function(e){

     var ider = $(this).attr('title');  // e.g. the other element I want to change colour on 
     console.log(ider);

     var test = document.getElementsByClassName(ider);
     for(var i = 0; i < test.length; i++) {
         if(test[i].style.color = 'red'){
            test[i].style.color = 'white';
         }
         else{
            test[i].style.color = 'red';
         }
     }
     console.log(test);

    });
  });
</script>

我正在尝试更改页面上所有元素的颜色，这些元素具有我悬停在其上的元素的 id，但它不太奏效。

我悬停的元素的 ID 为“myhoverelement”，我有共享相同 ID 的 span 元素，我希望这些元素的颜色发生变化。

谢谢

Answer 1

你不需要 javascript

CSS:

.thumbspiccolimabelli {
    background-color: none;
}

.thumbspiccolimabelli:hover {
    background-color: #fff;
}