jquery删除指定的html标签并保留标签内文本内容的方法
更新时间：2014年04月02日 10:51:13 作者：
有时我们希望删除这段html代码里面的一对<p>标签，但是要保持里面的内容不被删除，本文提供的这个jquery方法就可以简单实现。
例如有这样一段html代码：
复制代码 代码如下:
脚本之家演示代码
<p>大家好，欢迎来到jb51.net</p>
这里为大家提供最优秀的<a href="https://www.jb51.net/js">js</a>代码和教程
<p>大家好，欢迎来到jb51.net</p>
这里为大家提供最优秀的<a href="https://www.jb51.net/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>
<script type="text/javascript">
$(function(){
$("p").each(function(){
var xx=$(this).html();
$(this).replaceWith(xx);
})
})
</script>
这里通过jquery的html方法和replaceWith方法对p标签进行遍历替换
您可能感兴趣的文章:
- JQuery 绑定select标签的onchange事件，弹出选择的值，并实现跳转、传参
- jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
- JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
- 基于jQuery的获取标签名的代码
- Jquery为a标签的href赋值实现代码
- jquery触发a标签跳转事件示例代码
- javascript和jquery修改a标签的href属性
- jQuery获取当前对象标签名称的方法
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- jquery通过visible来判断标签是否显示或隐藏
- Jquery 获取指定标签的对象及属性的设置与移除
- jquery 为a标签绑定click事件示例代码
- jQuery添加和删除指定标签的方法
相关文章
这篇文章主要介绍了实例讲解JQuery中this和$(this)的区别,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法,$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值,需要的朋友可以参考下2014-12-12
jQuery二级联动插件：jQuery.selected 一个页面可以引用多个联动效果2012-03-03
这篇文章介绍了Jquery时间验证和转换工具小例子，有需要的朋友可以参考一下2013-07-07
本实例只利用到JQuery类库本身的函数和功能，不需要第三方插件的支持。另外，所有表单信息都是利用PHPMailer类库邮件的形式发送给管理员。2009-11-11
jQuery模拟实现的select点击选择效果【附demo源码下载】
这篇文章主要介绍了jQuery模拟实现的select点击选择效果,涉及jQuery响应鼠标点击动态修改页面元素样式的相关操作技巧,并附带demo源码供读者下载,需要的朋友可以参考下2016-11-11
Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动实现代码
Jquery与JS两种方法仿twitter/新浪微博 高度自适应无缝滚动的实现代码，需要的朋友可以参考下。2010-11-11
本文主要分享了基于jQuery实现的打字机效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
浅谈MVC+EF easyui dataGrid 动态加载分页表格
下面小编就为大家带来一篇浅谈MVC+EF easyui dataGrid 动态加载分页表格。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
下面小编就为大家带来一篇easyui datagrid 大数据加载效率慢,优化解决方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要介绍了jQuery表格排序组件-tablesorter的使用,需要的朋友可以参考下2014-05-05
最新评论