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'