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()   })

添加元素的方法有好几种:

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

如:

$("p").append("Some")

$("p").prepend("Some")

$("img").after("Some text after")

$("img").before("Some text before")

删除元素/内容:

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素

如:

$("#div1").remove()

$("#div1").empty()


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

原文地址:https://54852.com/bake/11610964.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存