jQuery標籤替換函數replaceWith()的使用例子，jqueryreplacewith

jQuery標籤替換函數replaceWith()的使用例子，jqueryreplacewith

replaceWith簡單使用

jQuery中，有一個強大的替換函數replaceWith()，使用非常簡單，如：

頁面有如下p標籤

把所有p標籤替換為“##”

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

執行後的結果：

 

替換標籤

利用這個replaceWith，我們可以把所有p標籤替換為b標籤，內容不變：

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

結果

這就替換了！

多語言網站可以利用這個函數輕鬆完成

如果你開發的是一個多語言的網站，甚至可以利用這個特性，比如，在你需要翻譯的文字上加上i標籤，然後遍曆翻譯替換。

假如頁面dom結構如下：

我們要把頁面中的i標籤裡的文本給翻譯，頁面中有i標籤的分別是蘋果、電腦。於是我們實現需要一個翻譯庫：

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

然後我可以這樣執行翻譯替換

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

執行後效果：

頁面效果：

我在使用jquery 的replaceWith時，想把一個文字框替換成文本

如果把input裡面的內容換成文本。
$("input[name='sjkc']").val(“sjkc”);

如果你是要把你的input這個標籤換成sjkc 那你的代碼是對的。
 
用jquery的replaceWith()方法改變html內容

$('#canvas').replaceWith('<canvas id=canvas width=1280 height=960><p>您的瀏覽器不支援HTML5!</p></canvas>');不是很明白，你想換高和寬為什麼要用替換。。。。