0

私はこのコードを持っています：

  <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を持つページ上のすべての要素の色を変更しようとしていますが、うまくいきません。

ホバリングしている要素には「myhoverelement」のIDがあり、同じIDを共有するスパン要素があります。これらの要素は色を変更したいものです。

ありがとう

4

2 に答える 2

2

これにはJavaScriptは必要ありません

CSS:

.thumbspiccolimabelli {
    background-color: none;
}

.thumbspiccolimabelli:hover {
    background-color: #fff;
}
于 2012-11-26T20:11:37.693 に答える
1

これは、あなたの望むことですか？「#myhoverelement」は「.myhoverelement」に置き換えられています。ID は一意である必要があります。

$('.thumbspiccolimabelli').on('hover' , function() {
    $('.myhoverelement').each(function() {
        $(this).css('background' , '#ffffff');
    });  
});
于 2012-11-26T20:23:24.933 に答える