Jquery remove() 动态创建的元素

Jquery remove() dynamically created elements

本文关键字:创建 元素 动态 remove Jquery      更新时间:2023-09-26

我有一个模板系统,在某些例外情况下,必须在将 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"