Javascript更改元素属性onmouseover onmouseout

时间:2012-11-26 20:09:07

标签: javascript html css

我有这段代码:

  <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,这些我希望颜色可以改变。

由于

2 个答案:

答案 0 :(得分:2)

你不需要javascript这个

CSS:

.thumbspiccolimabelli {
    background-color: none;
}

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

答案 1 :(得分:1)

这是你想要的吗? '#myhoverelement'正在被'.myhoverelement'取代。 ID必须是唯一的。

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