我有这段代码:
<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,这些我希望颜色可以改变。
由于
答案 0 :(得分:2)
你不需要javascript这个
CSS:
.thumbspiccolimabelli {
background-color: none;
}
.thumbspiccolimabelli:hover {
background-color: #fff;
}
答案 1 :(得分:1)
$('.thumbspiccolimabelli').on('hover' , function() {
$('.myhoverelement').each(function() {
$(this).css('background' , '#ffffff');
});
});