jQuery技术

jquery删除指定的html标签并保留标签内文本

字号+ 作者:H5之家 来源:H5之家 2018-03-12 14:05 我要评论( )

jquery删除指定的html标签并保留标签内文本,我们希望删除这段html代码里面的一对p标签,但是要保持里面的内容不被删除,本文提供的这个jquery方法就可以简单实现

我们希望删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除,本文提供的这个jquery方法就可以简单实现。

有这样一段html代码:

脚本分享网演示代码 <p>大家好,欢迎来到sharejs.com</p> 这里为大家提供最优秀的<a href="http://www.sharejs.com/js">js</a>代码和教程

我们希望删除这段html代码里面的一对<p>标签,但是要保持里面的内容不被删除,通过前段js脚本是可以实现的,这里我们用jquery处理更为简单,详细的js代码如下:

<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>

这里通过jquery的html方法和replaceWith方法对p标签进行遍历替换

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery 对AMD的支持(Require.js中如何使用jQuery) WEB前端开发

    jQuery 对AMD的支持(Require.js中如何使用jQuery) WEB前端开发

    2018-03-12 12:23

  • jQuery HTML / CSS 方法

    jQuery HTML / CSS 方法

    2018-03-11 14:01

  • 怎么编写一个Jquery插件

    怎么编写一个Jquery插件

    2018-03-11 10:00

  • Jquery就是这么简单

    Jquery就是这么简单

    2018-03-11 08:22

网友点评