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:拼错的'itenToRemove'应该是'itemToRemove'