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实现图片轮播效果代码(基于jquery.pack.js插件)
这篇文章主要介绍了jQuery实现图片轮播效果的方法,该功能基于jquery.pack.js插件实现,涉及jQuery针对页面元素与样式的动态操作技巧,需要的朋友可以参考下2016-06-06
最新评论