jQuery實現(xiàn)將頁面上HTML標簽換成另外標簽的方法

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

這篇文章主要介紹了jQuery實現(xiàn)將頁面上HTML標簽換成另外標簽的方法,實例說明了兩種實現(xiàn)html頁面元素替換的技巧,需要的朋友可以參考下

本文實例講述了jQuery實現(xiàn)將頁面上HTML標簽換成另外標簽的方法。分享給大家供大家參考。具體分析如下：

替換前代碼如下：

<code> A </code>
<code> B </code>
<code> C </code>

替換后代碼如下：

<pre> A </pre>
<pre> A </pre>
<pre> A </pre>

實現(xiàn)替換代碼：

復制代碼代碼如下:

$('code').contents().unwrap().wrap('<pre/>');

或者：

$('code').replaceWith(function(){
  return $("<pre />").append($(this).contents());
});

希望本文所述對大家的jQuery程序設計有所幫助。

您可能感興趣的文章:

Jquery api 速查表分享
這篇文章主要給大家分享了一些Jquery api 速查表，十分的全面，這里推薦給大家,需要的朋友可以參考下
2015-01-01
jQuery橫向擦除焦點圖特效代碼分享
這篇文章主要介紹了jQuery橫向擦除焦點圖特效，一個具有自己特色的焦點圖會吸引用戶的注意力，讓用戶產生瀏覽網站的興趣至關重要，現(xiàn)在小編推薦給大家一款特別棒的焦點圖，感興趣的小伙伴可以參考下。
2015-09-09
jquery自動填充勾選框即把勾選框打上true
jquery自動填充勾選框，即把勾選框打上（true），然后通過ajax方式獲得勾選項列表，再把列表內的選項打上
2014-03-03
jquery動態(tài)添加元素事件失效問題解決方法
當使用腳本動態(tài)添加元素xxx時，但事件失效，最后使用jquery中on方法解決腳本動態(tài)添加元素,需要的朋友可以參考下
2014-05-05
jQuery實現(xiàn)鼠標滑過點擊事件音效試聽
本文給大家介紹jquery鼠標滑過點擊事件音效試聽，使用jquery插件實現(xiàn)的特效，感興趣的朋友一起來學習吧。
2015-08-08
jQuery 同時獲取多個標簽的指定內容并儲存為數(shù)組
這篇文章主要介紹了jQuery 同時獲取多個標簽的指定內容并儲存為數(shù)組的相關知識，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2018-11-11
jQuery插件的寫法分享
這幾天在學習jQuery插件的寫法，搜索了一些資料，包括jQuery官方的示例，但發(fā)現(xiàn)描述的并不是很清晰。最后，終于搜索到一篇講解比較清晰的文章，這里自己總結了一下，并以一個具體的示例來說明jQuery插件的寫法
2013-06-06
Web前端新人筆記之jquery入門心得(新手必看)
下面小編就為大家?guī)硪黄猈eb前端新人筆記之jquery入門心得(新手必看)。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
2016-05-05
jQuery UI庫中dialog對話框功能使用全解析
這篇文章主要介紹了jQuery UI庫中dialog對話框功能使用全解析,文中列舉了各種常用的dialog屬性,整理得很全面,需要的朋友可以參考下
2016-04-04
jquery的each方法使用示例分享
each()函數(shù)是基本上所有的框架都提供了的一個工具類函數(shù)，通過它，你可以遍歷對象、數(shù)組的屬性值并進行處理，jQuery和jQuery對象都實現(xiàn)了該方法，下面是使用方法
2014-03-03