javascript - 如何用函数传参精简代码?
本文介绍了javascript - 如何用函数传参精简代码?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我的写法有点笨,有五六个相同操作的代码,就是获取的css名称不同,想知道该如何利用函数传参精简代码。多谢了。
涉及图片路径src的那个该如何写呢?我试了几个写法都不行。
$('.europe').click(function(){
$(".map").find('img').attr({
src:"../images/global/europe.png"
});
$('.europe-area').siblings().css('display','none');
$('.europe-area').css('display','block');
});
其中europe是变量,其他的都不变。
我自己写这个,但是不可行:
function area(areaname){
$(".'areaname'").click(function(){
console.log(".'areaname'");
$(".map").find('img').attr({
src:"../images/global/'areaname'.png"
});
$(".'areaname'-area").siblings().css('display','none');
$(".'areaname'-area").css('display','block');
});
};
area(asia);
问题已解决,下面是正确的代码:
function area(areaname){
$('.'+areaname).click(function(){
$(".map").find('img').attr({
src:"../images/global/"+areaname+".png"
});
$('.'+areaname+'-area').siblings().css('display','none');
$('.'+areaname+'-area').css('display','block');
});
};
area('asia');
解决方案
$("."+areaname).
这篇关于javascript - 如何用函数传参精简代码?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文