Javascript 使用js在单击选项卡时更改项目/图片

我正在尝试制作一个玩具娃娃，每个人都使用“拖放”。不幸的是，这对我来说不起作用，因为我试图将玩偶保存在一个数据库中，在那里它可以随时更改

现在我发现了一个很棒的玩偶制作人（链接：）

它对物品（头发、衬衫等）使用拖放功能，但是在玩偶建筑区域下方，它有缩略图来改变玩偶的色调，它的工作方式正是我想要的。单击缩略图，玩偶将更改颜色。我确信这可以被微调并用于我自己的脚本

现在，这是一个活动的JS，它可以在单击时进行更改：

$("#swatchesArea a").click( function() {
    var changeSrc = $(this).attr("href");
    var type = $(this).parent().attr("id");
    switch (type) {
        case "skinSwitch":
            $("#skintone").attr("src", changeSrc);
            break;
        case "eyeSwitch":
            $("#eyes").attr("src", changeSrc);
            break;
    }



    return false;
});

我想知道它是否可以推广到任何代码中使用？我的意思是，我肯定它可以。只是我对HTML和CSS有更多的经验，而且我对javascript知之甚少

因此，简而言之，我想将此代码推广到其他网站/网页中，并做同样的事情。请参考

---

有人能帮帮我吗？

你能帮我摆弄一下吗？我甚至不知道有什么东西存在！我试试看^^