jQuery实现将页面上HTML标签换成另外标签的方法

更新时间：2015年06月09日 17:10:16 作者：不吃皮蛋

这篇文章主要介绍了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 api 速查表分享
这篇文章主要给大家分享了一些Jquery api 速查表，十分的全面，这里推荐给大家,需要的朋友可以参考下
2015-01-01
jQuery横向擦除焦点图特效代码分享
这篇文章主要介绍了jQuery横向擦除焦点图特效，一个具有自己特色的焦点图会吸引用户的注意力，让用户产生浏览网站的兴趣至关重要，现在小编推荐给大家一款特别棒的焦点图，感兴趣的小伙伴可以参考下。
2015-09-09
jquery自动填充勾选框即把勾选框打上true
jquery自动填充勾选框，即把勾选框打上（true），然后通过ajax方式获得勾选项列表，再把列表内的选项打上
2014-03-03
jquery动态添加元素事件失效问题解决方法
当使用脚本动态添加元素xxx时，但事件失效，最后使用jquery中on方法解决脚本动态添加元素,需要的朋友可以参考下
2014-05-05
jQuery实现鼠标滑过点击事件音效试听
本文给大家介绍jquery鼠标滑过点击事件音效试听，使用jquery插件实现的特效，感兴趣的朋友一起来学习吧。
2015-08-08
jQuery 同时获取多个标签的指定内容并储存为数组
这篇文章主要介绍了jQuery 同时获取多个标签的指定内容并储存为数组的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
2018-11-11
jQuery插件的写法分享
这几天在学习jQuery插件的写法，搜索了一些资料，包括jQuery官方的示例，但发现描述的并不是很清晰。最后，终于搜索到一篇讲解比较清晰的文章，这里自己总结了一下，并以一个具体的示例来说明jQuery插件的写法
2013-06-06
Web前端新人笔记之jquery入门心得(新手必看)
下面小编就为大家带来一篇Web前端新人笔记之jquery入门心得(新手必看)。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
2016-05-05
jQuery UI库中dialog对话框功能使用全解析
这篇文章主要介绍了jQuery UI库中dialog对话框功能使用全解析,文中列举了各种常用的dialog属性,整理得很全面,需要的朋友可以参考下
2016-04-04
jquery的each方法使用示例分享
each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理，jQuery和jQuery对象都实现了该方法，下面是使用方法
2014-03-03