jquery remove（）动态创建元素 [英] Jquery remove() dynamically created elements

问题描述

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

I have a templating system that, in some exceptions, have to remove DOM elements after append them to the DOM.

我通常使用模板创建一个jquery对象我有字符串。例如：

I usually create a jquery object with the template string I have. Ex.:

var template = "<div><div class='itenToRemove'>REMOVE!</div><div>DO NOT REMOVE!</div></div>"

var $elementToAppend = $(template);

但是有时我需要删除元素的某些部分，比如

But sometimes I need to remove some part of the element, like

$elementToAppend.remove('.itenToRemove')

但它不起作用！为什么不？显然，只有在DOM上插入的元素才能使用remove方法。

But it does not work! Why not? Appearently, only already inserted elements on DOM works with the remove method.

我已经创建了一个jsFiddle来说明我的问题： https://jsfiddle.net/raphaeldovale/mz6Lrrbh/1/

I have created a jsFiddle that illustrates my problem: https://jsfiddle.net/raphaeldovale/mz6Lrrbh/1/

推荐答案

试试这个：

Try this :

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

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

PS：拼写错误的'itenToRemove'应该是'itemToRemove'

PS : There is misspelled 'itenToRemove' which should be 'itemToRemove'

这篇关于jquery remove（）动态创建元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！