javascript - 如何用函数传参精简代码？-PHP中文网问答

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