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

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)文章

最新評論