求用jquery或者js 清除指定元素内的 html标签和文本,但是要保留<img >标签

求用jquery或者js 清除指定元素内的 html标签和文本,但是要保留<img >标签,第1张

var $imgs= $("#container").find("img")//先从指定元素(id=container)内的img找到

$("#container").html("")//清空指定元素内容

$("#container").append($imgs)//把img元素加进去

var var_html//预移除标签的html

var re = /<[^>]+>/ig//var re = /<(?!(\/?img))[^>]+>/ig//保留img

var_html= var_html.replace(re, "")

1、删除元素和内容,可以通过jquery的remove()和empty()方法,remove()删除选择的元素和子元素,empty()只删除选中元素的子元素。

2、新建一个html页面,引入jquery.js,页面body里面添加一个div盒子,div盒子里面添加两段话,和一个删除div元素的按钮,js中调用$(“#div1”).remove()方法删除元素。

3、在浏览器中打开html页面之后,可以看到div盒子和两段话,点击移除div元素按钮。

4、点击移除div元素按钮之后,可以看到div元素和子元素p都被删除掉了。

5、将$(“#div1”).remove()方法注释掉,使用$(“#div1”).empty()方法,删除选择元素的子元素。

6、可以看到点击清空div元素按钮,将div元素的p子元素删除了。


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

原文地址: http://outofmemory.cn/zaji/7085761.html

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

发表评论

登录后才能评论

评论列表(0条)

保存