jquery删除div中动态添加的元素？

jquery 提供了remove() 方法，用来移除被选元素，包括所有文本和子节点。因此只需根据添加的div的id即可将其删除：

$(div_id).remove()

实例演示如下:

HTML结构

<input type="button" value="删除">

<div id="test">这是示例的DIV</div>

jquery代码

$(function(){   $("input[type='button']").click(function() {        $("div#test").remove()   })

1、首先jquery中有remove方法可以把元素从dom中删除

2、想要获取到添加的元素，那就得在添加完成之后获取添加的元素，然后执行remove方法就会删除掉添加的元素

写个例子

$('.fix').append('<span class=“box”></span>')//我添加了一个类名是box的span标签

$('.box').remove()//在之后我获取到改元素，执行remove方法，就会把类名是box的元素删掉

要注意类名是否重复，不能误删，如果是这种需求的话，可以像这样试一下

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

---