javascript - 如何用函数传参精简代码?
天蓬老师
天蓬老师 2017-04-11 11:44:19
0
1
264

我的写法有点笨,有五六个相同操作的代码,就是获取的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');
天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

모든 응답 (1)
黄舟

$("."+areaname).

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!