文章/答案/技术大牛

发布

社区首页 >问答首页 >对于克隆元素时的每次单击

问对于克隆元素时的每次单击
EN

Stack Overflow用户

提问于 2017-06-23 05:29:49

回答 1查看 32关注 0票数 0

当元素被克隆时，如何在每次单击时删除和添加多个元素上的类？

$('.cc-form-control-switcher').each(function(){
$(".cc-form-control-switcher .btn-first, .cc-form-control-switcher .btn-second").on("click", function(e) {
                e.preventDefault();
                var $self = $(this);
                var $siblingSelected = $self.parent().find(".btn-switch");
                $siblingSelected.removeClass("btn-switch");
                $self.addClass("btn-switch");
                var hdnField = $self.parent().find("input[type=hidden]");

                if (hdnField.length > 0) {
                    hdnField.val($self.data("value"));
                }
            });
});

在这里演示https://jsfiddle.net/etgf979x/7/

在每一次点击'btn-switcher‘被激活，这是工作，但当我有克隆的元素它不...我试着使用每个点击，但似乎我需要建议我还应该使用什么。

javascript

jquery

foreach

onclick

回答 1

Stack Overflow用户

发布于 2017-06-23 05:35:18

Event binding on dynamically created elements?

$(document).on("click", ".cc-form-control-switcher .btn-first, .cc-form-control-switcher .btn-second" ,function(e) {
                e.preventDefault();
                var $self = $(this);
                var $siblingSelected = $self.parent().find(".btn-switch");
                $siblingSelected.removeClass("btn-switch");
                $self.addClass("btn-switch");
                var hdnField = $self.parent().find("input[type=hidden]");

                if (hdnField.length > 0) {
                    hdnField.val($self.data("value"));
                }
            });

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44709692

复制

相似问题

问对于克隆元素时的每次单击
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对于克隆元素时的每次单击EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对于克隆元素时的每次单击
EN