Javascript更改元素属性onmouseover onmouseout

我有这个密码：

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

$（文档）.ready（函数（）{
$（'.thumbspiccolimabelli'）。悬停（函数（e）{
var ider=$（this.attr（'title'）；//例如，我要更改颜色的另一个元素
控制台日志（ider）；
var test=document.getElementsByClassName（ider）；
对于（变量i=0；i

我正试图改变页面上所有元素的颜色，这些元素都有我悬停在上面的元素的id，但是它不太起作用

我悬停在上面的元素有一个ID“myhoverelement”，我有一个共享相同ID的span元素，我希望这些元素的颜色可以改变

---

谢谢

这不需要javascript

CSS:

---

您不需要javascript来完成此任务

CSS:

这是你想要的吗？ “#myhoverelement”将替换为“.myhoverelement”。ID必须是唯一的

$('.thumbspiccolimabelli').on('hover' , function() {
    $('.myhoverelement').each(function() {
        $(this).css('background' , '#ffffff');
    });  
});

这是你想要的吗？ “#myhoverelement”将替换为“.myhoverelement”。ID必须是唯一的

$('.thumbspiccolimabelli').on('hover' , function() {
    $('.myhoverelement').each(function() {
        $(this).css('background' , '#ffffff');
    });  
});

---

您不希望为不同的元素提供相同的

id

<代码>id应该是唯一的，以便您可以访问它们。如果您认为一组不同的元素将共享一个相似的属性，那么使用

类
ID必须是唯一的；只有一个元素可以有ID。你需要使用类。我已经更新了使用类名，所以它现在在悬停时颜色变为白色，但是我应该把onmouseout函数放在哪里才能变回黑色？@PeteTheGreek你试过我的答案了吗？我最终使用了Jquery（…）它更简单，谢谢您的帮助。您不希望为不同的元素提供相同的
id
<代码>id
应该是唯一的，以便您可以访问它们。如果您认为一组不同的元素将共享一个相似的属性，那么使用
类
ID必须是唯一的；只有一个元素可以有一个ID。你需要使用类。我已经更新了使用类名，所以它现在在悬停时颜色变为白色，但是我应该把onmouseout函数放在哪里才能变回黑色？@PeteTheGreek你试过我的答案了吗？我最终使用了Jquery（…），这非常简单，感谢所有的帮助。