首页 > 如何用函数传参精简代码?

如何用函数传参精简代码?

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

【热门文章】
【热门文章】