亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子

 更新時(shí)間：2014年08月28日 08:56:48   投稿：junjie  
這篇文章主要介紹了jQuery標(biāo)簽替換函數(shù)replaceWith()的使用例子,使用replaceWith可以替換模板里的標(biāo)簽,還可以實(shí)現(xiàn)多語(yǔ)言網(wǎng)站,需要的朋友可以參考下

replaceWith簡(jiǎn)單使用

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

頁(yè)面有如下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é)果

這就替換了！

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

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

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

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

var translate = {
    '蘋(píng)果' : 'apple',
    '電腦' : 'PC'
};

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

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

執(zhí)行后效果：

頁(yè)面效果：

相關(guān)文章

最新評(píng)論