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

最新推荐文章于 2022-07-12 17:26:21 发布

转载最新推荐文章于 2022-07-12 17:26:21 发布 · 1.3w 阅读

JavaScript 专栏收录该内容

28 篇文章

订阅专栏

本文提供了一个简单的jQuery方法，用于在不删除内容的情况下从HTML代码中移除<p>标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转载自：http://www.sharejs.com/jquery/article/10019

我们希望删除这段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标签进行遍历替换