javascript - Jquery remove() 动态创建的元素

标签 javascript jquery html

<分区>

我有一个模板系统,在某些异常(exception)情况下,必须在将 DOM 元素附加到 DOM 后删除它们。

我通常使用我拥有的模板字符串创建一个 jquery 对象。例如:

var template = "<div><div class='itenToRemove'>REMOVE!</div><div>DO NOT REMOVE!</div></div>"

var $elementToAppend = $(template);

但有时我需要删除元素的某些部分,比如

$elementToAppend.remove('.itenToRemove')

但是不行!为什么不?显然,只有 DOM 上已经插入的元素才能使用 remove 方法。

我创建了一个 jsFiddle 来说明我的问题:https://jsfiddle.net/raphaeldovale/mz6Lrrbh/1/

最佳答案

试试这个:

 $elementToAppend.find(".itemToRemove").remove();

示例:https://jsfiddle.net/DinoMyte/mz6Lrrbh/3/

PS : 'itenToRemove' 拼错了,应该是 'itemToRemove'

关于javascript - Jquery remove() 动态创建的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35852481/

相关文章:

javascript - Hammer.js 一段时间后停止工作

jquery - 当 slider 向左/向右移动时,如何为 owlcarousel 卡制作动画

jquery - IE8中的CSS定位令人头疼

javascript - 使用D3防止svg中的线条路径溢出图形

javascript - Windows 通用应用程序 - 应用程序内购买

javascript - 用于解析 JSON 的 JavaScript eval() 替代方案

javascript - 用于克隆的 Jquery timePicker

javascript - 无法发布复杂对象

html - 如何使表格数据在电子邮件中响应

javascript - 如何在angularjs中单击按钮时显示复选框列表?