jQuery標簽替換函數(shù)replaceWith()的使用例子
更新時間：2014年08月28日 08:56:48 投稿：junjie
這篇文章主要介紹了jQuery標簽替換函數(shù)replaceWith()的使用例子,使用replaceWith可以替換模板里的標簽,還可以實現(xiàn)多語言網(wǎng)站,需要的朋友可以參考下
replaceWith簡單使用
jQuery中，有一個強大的替換函數(shù)replaceWith()，使用非常簡單，如：
頁面有如下p標簽
把所有p標簽替換為“##”
$('p').replaceWith('##');
執(zhí)行后的結(jié)果：
替換標簽
利用這個replaceWith，我們可以把所有p標簽替換為b標簽，內(nèi)容不變：
$('p').each(function(){
$(this).replaceWith('<b>'+$(this).html()+'</b>');
});
結(jié)果
這就替換了！
多語言網(wǎng)站可以利用這個函數(shù)輕松完成
如果你開發(fā)的是一個多語言的網(wǎng)站，甚至可以利用這個特性，比如，在你需要翻譯的文字上加上i標簽，然后遍歷翻譯替換。
假如頁面dom結(jié)構(gòu)如下：
我們要把頁面中的i標簽里的文本給翻譯，頁面中有i標簽的分別是蘋果、電腦。于是我們實現(xiàn)需要一個翻譯庫：
var translate = {
'蘋果' : 'apple',
'電腦' : 'PC'
};
然后我可以這樣執(zhí)行翻譯替換
$('i').each(function(){
$(this).replaceWith(translate[$(this).html()]);
});
執(zhí)行后效果：
頁面效果：
相關(guān)文章
開發(fā)插件的兩個方法jquery.fn.extend與jquery.extend
jQuery為開發(fā)插件提拱了兩個方法，分別是jquery.fn.extend與jquery.extend，接下來就為大家介紹下兩者的具體使用2013-11-11
jQuery 頂部導(dǎo)航跟隨滾動條滾動固定浮動在頂部
這篇文章主要介紹了通過jQuery實現(xiàn)的頂部導(dǎo)航跟隨滾動條滾動固定浮動在頂部,需要的朋友可以參考下2014-06-06
JQuery Tips相關(guān)(1)----關(guān)于$.Ready()
學習jQuery的第一件事是：如果你想要一個事件運行在你的頁面上，你必須在$(document).ready()里調(diào)用這個事件。所有包括在$(document).ready()里面的元素或事件都將會在DOM完成加載之后立即加載，并且在頁面內(nèi)容加載之前。2014-08-08
不知不覺10月都結(jié)束了，又要到年底了?？纯醋约荷洗螌戇^的文章后，已經(jīng)2個月都沒寫東西了2011-11-11
這篇文章主要介紹了jQuery實現(xiàn)不斷閃爍文字的方法,涉及jQuery中fadeOut、fadeIn方法及遞歸調(diào)用的技巧,需要的朋友可以參考下2015-05-05
jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果
這篇文章主要介紹了jquery實現(xiàn)通用的內(nèi)容漸顯Tab選項卡效果,涉及jquery通過時間函數(shù)定時觸發(fā)頁面元素樣式變換的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
通配符在控制input標簽時相當好用,這里簡單進行了jQuery中的通配符選擇器使用總結(jié),需要的朋友可以參考下2016-05-05
jquery結(jié)合html實現(xiàn)中英文頁面切換
這篇文章主要為大家詳細介紹了jquery結(jié)合html實現(xiàn)中英文頁面切換,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
JavaScript獲取onclick、onchange等事件值的代碼
這里主要是用到了getAttributeNode()這個方法，它獲取的是屬性節(jié)點，忽略屬性和事件的差別，具體示例如下，感興趣的朋友可以參考下哈希望對大家有所幫助2013-07-07
jQuery實現(xiàn)返回頂部功能適合不支持js的瀏覽器
a標簽指向錨點top，可以在頂部防止一個a name=top的錨點，這樣在瀏覽器不支持js時也可以實現(xiàn)返回頂部的效果了2014-08-08