Jquery remove（）动态创建的元素

Question

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

Answer 1

试试这个：

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

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

PS：拼写错误＆＃39; itenToRemove＆＃39;应该是＆＃39; itemToRemove＆＃39;