欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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í)行后效果：

頁面效果：

相關(guān)文章

最新評(píng)論