当我点击一个元素添加另一个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 ..！这是一个主题更换..

Answer 1

尝试.on()

的内容会动态添加，因此并不能直接访问的，所以，你必须使用Event delegation。

$(".minwidth_IE").on("click","#custom_background span",function() { 
     $("#account ,.minwidth_IE ,.main .main-head ,#fa_toolbar").removeClass("bg1 bg2 bg3 bg4 bg5 bg7 bg8 bg_custom").addClass(this.id); 
     my_setcookie("custom_background", this.id, true) 
    });