jQuery实现将页面上HTML标签换成另外标签的方法
作者:不吃皮蛋
这篇文章主要介绍了jQuery实现将页面上HTML标签换成另外标签的方法,实例说明了两种实现html页面元素替换的技巧,需要的朋友可以参考下
本文实例讲述了jQuery实现将页面上HTML标签换成另外标签的方法。分享给大家供大家参考。具体分析如下:
替换前代码如下:
<code> A </code> <code> B </code> <code> C </code>
替换后代码如下:
<pre> A </pre> <pre> A </pre> <pre> A </pre>
实现替换代码:
复制代码 代码如下:
$('code').contents().unwrap().wrap('<pre/>');
或者:
$('code').replaceWith(function(){ return $("<pre />").append($(this).contents()); });
希望本文所述对大家的jQuery程序设计有所帮助。
您可能感兴趣的文章:
- jquery tab标签页的制作
- jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
- jQuery如何获取同一个类标签的所有值(默认无法获取)
- jquery 实现两Select 标签项互调示例代码
- jquery获得同源iframe内body下标签的值的方法
- jQuery 动态云标签插件
- jQuery实现tab标签自动切换的方法
- jQuery实现当前页面标签高亮显示的方法
- jquery实现标签支持图文排列带上下箭头按钮的选项卡
- jQuery标签编辑插件Tagit使用指南
- jquery实现标签上移、下移、置顶
- JQuery中两个ul标签的li互相移动实现方法
- jQuery实现模拟marquee标签效果
- jQuery实现平滑滚动的标签分栏切换效果
- JQuery标签页效果的两个实例讲解(4)