javascript - 要素をクリックすると、別の ID またはクラスが追加されます

Question

私はコードのこの部分を持っています:

$("ul.rightside").prepend('<div id="nav_background">Colors</div>');
    $(".minwidth_IE").prepend('<div id="toggle_background" style="display: none;"><div id="custom_background"><span id="bg0"></span><span id="bg1"></span><span id="bg2"></span><span id="bg3"></span><span id="bg4"></span><span id="bg5"></span><span id="bg7"></span><span id="bg8"></span></div></div>');
    $("#custom_background span").click(function () {
        $("#account ,.minwidth_IE ,.main .main-head ,#fa_toolbar").removeClass("bg1 bg2 bg3 bg4 bg5 bg7 bg8 bg_custom").addClass($(this).attr("id"));
        my_setcookie("custom_background", $(this).attr("id"), true)
    });

しかし、私は他の要素をクリックしたときに欲しい..のように.. #tbar、.bg1 2などではなく別のクラスが欲しい.bg12のような何か..または..わからない! さて: #bg3 をクリックすると、要素のクラスは .bg3 になります! 私はそのような関数が欲しい.. #bg3 をクリックすると要素は .bg31 になり、#bg4 をクリックすると要素は .bg4 を持つ..! これはテーマチェンジャー用です..