replaceWith簡(jiǎn)單使用

jQuery中，有一個(gè)強(qiáng)大的替換函數(shù)replaceWith()，使用非常簡(jiǎn)單，如：

頁面有如下p標(biāo)簽

把所有p標(biāo)簽替換為“##”

$('p').replaceWith('##');

執(zhí)行后的結(jié)果：

替換標(biāo)簽

利用這個(gè)replaceWith，我們可以把所有p標(biāo)簽替換為b標(biāo)簽，內(nèi)容不變：

$('p').each(function(){    $(this).replaceWith('<b>'+$(this).html()+'</b>');});

結(jié)果

這就替換了！

多語言網(wǎng)站可以利用這個(gè)函數(shù)輕松完成

如果你開發(fā)的是一個(gè)多語言的網(wǎng)站，甚至可以利用這個(gè)特性，比如，在你需要翻譯的文字上加上i標(biāo)簽，然后遍歷翻譯替換。

假如頁面dom結(jié)構(gòu)如下：

我們要把頁面中的i標(biāo)簽里的文本給翻譯，頁面中有i標(biāo)簽的分別是蘋果、電腦。于是我們實(shí)現(xiàn)需要一個(gè)翻譯庫：

var translate = {    '蘋果' : 'apple',    '電腦' : 'PC'};

然后我可以這樣執(zhí)行翻譯替換

$('i').each(function(){    $(this).replaceWith(translate[$(this).html()]);});

執(zhí)行后效果：

頁面效果：