jquery方法:删除指定html标签并保留标签内文本

2019-03-2209:51:50WEB前端开发Comments1,993 views字数 524阅读模式

我们希望删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除,本文提供的这个jquery方法就可以简单实现。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

有这样一段html代码:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

脚本分享网演示代码
<p>大家好,欢迎来到sharejs.com</p>
这里为大家提供最优秀的<a href="http://www.sharejs.com/js">js</a>代码和教程文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

我们希望删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除,通过前段js脚本是可以实现的,这里我们用jquery处理更为简单,详细的js代码如下:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script type="text/javascript">
$(function(){
$("p").each(function(){
var xx=$(this).html();
$(this).replaceWith(xx);
})
})
</script>文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

这里通过jquery的html方法和replaceWith方法对p标签进行遍历替换文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/10247.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/gcs/10247.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定