Jquery remove()动态创建的元素

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

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

var template = "
REMOVE!
DO NOT REMOVE!
" 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’