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

编程学习 2021-07-04 21:48www.dzhlxh.cn编程入门

这篇文章主要介绍了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程序设计有所帮助。