【问题标题】:Jquery: remove a dom ele after its been appendedJquery:在附加后删除一个dom ele
【发布时间】:2014-08-04 12:55:47
【问题描述】:

哟!

我正在构建一个内容构建器,它允许您附加一个包含表单元素的 html 块。例如:所见即所得、文本区域等

这运作良好。我可以很好地添加和保存表单。但是,我有一个 remove btn 从数组中删除特定元素。如果我保存并使用 remove btn 效果很好。

问题

如何删除刚刚附加到 dom 的元素?

这是我所拥有的:

$('.remove-content').click(function(e) {
    e.preventDefault();
    if (confirm('Are you sure you want to permanently delete this item?')) {
        $(this).closest('.dd-item').remove();
    }
});

// Link
<a href="#" class="remove-content"><i class="fa fa-times"></i></a>

如前所述,这适用于正常加载的元素,但如果我用新元素“附加” dom,则函数不会运行,我只会得到 /#'d

大家好

【问题讨论】:

  • 您最好向我们展示您的 HTML 或创建一个 jsfiddle。

标签: jquery dom


【解决方案1】:

尝试在这种情况下使用event-delegation

$(document).on('click','.remove-content', function(e) {

document 的位置上,请使用remove-content 类的元素的任何其他static 父级

【讨论】:

  • 啊啊啊。大奖。小学生基础知识。非常感谢。效果很好。在 StackExchange 限制达到后,我将标记为正确和 +1。非常感谢拉贾帕布。你是明星!
  • @T2theC :) 很高兴为您提供帮助!
猜你喜欢
  • 2010-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-10
  • 2017-01-30
  • 2010-12-26
  • 2012-04-17
相关资源
最近更新 更多