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

我的写法有点笨,有五六个相同操作的代码,就是获取的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學習者快速成長!