当t1
和$('#t1')
不是相同的对象时,如何缩短以下代码?
k1.hover(function(){
$('#k1').addClass('hovered');
}, function(){
$('#k1').removeClass('hovered');
});
k2.hover(function(){
$('#k2').addClass('hovered');
}, function(){
$('#k2').removeClass('hovered');
});
k3.hover(function(){
$('#k3').addClass('hovered');
}, function(){
$('#k3').removeClass('hovered');
});
k4.hover(function(){
$('#k4').addClass('hovered');
}, function(){
$('#k4').removeClass('hovered');
});
k5.hover(function(){
$('#k5').addClass('hovered');
}, function(){
$('#k5').removeClass('hovered');
});
我正在考虑这样的事情:
var magictrick = k[number].hover(function(){
$('#k[number]').addClass('hovered');
}, function(){
$('#k[number]').removeClass('hovered');
});
magicktrick[1,2,3,4,5,6,7,8,9];
这可能吗?
最佳答案
// t1 hover
$('#t1').hover(function(){
t1.attr({fill: '#8b2332'}).addClass('hovered');
}, function(){
t1.attr({fill: '#e6e6e6'}).removeClass('hovered');
});
// t2 hover
$('#t2').hover(function(){
t2.attr({fill: '#8b2332'}).addClass('hovered');
}, function(){
t2.attr({fill: '#e6e6e6'}).removeClass('hovered');
});
关于javascript - 如何缩短这个函数(addClass,attr),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35560811/