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

jquery删除div中动态添加的元素?,第1张

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的元素删掉

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11758977.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存