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

131 阅读 0 评论 87 点赞

我是靠谱客的博主舒服黑猫，最近开发中收集的这篇文章主要介绍jquery删除指定的html标签并保留标签内文本内容的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

例如有这样一段html代码：

复制代码代码如下:

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

我们希望删除这段html代码里面的一对<p>标签，但是要保持里面的内容不被删除，这里我们用jquery处理，详细的jQuery代码：

复制代码代码如下:

<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标签进行遍历替换