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..！这是一个主题转换器..

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)
    });