用Javascript替換所有innerhtml文本

Question

我一直在嘗試幾個小時，並且在StackOverflow上查找了很多示例，但我無法修復我的簡單腳本。

我抓住DOM使用jQuery

var color = $('#bscontainer').html(); 

，現在顏色的內容是：

<img src="resources/P/Blue_BG_2Col.png" id="bg"> 
<img src="resources/P/Blue_Content_2Col.png" id="content"> 
<img src="resources/P/Blue_Title_ExchangeRate.png" id="title"> 
<img src="resources/P/Blue_SubTitle_2Col.png" id="subtitle"> 
<img src="resources/P/Blue_Disclaimer_Disclaimer.png" id="disclaimer"> 

我的想法是把所有的藍色變成綠色了，我已經嘗試：

curColor="Blue"; 
newColor="Green"; 
t=color.replace(curColor,newColor); 

它根本不起作用。有任何想法嗎？

Answer 1

所以基本上你想找到的每個圖像在color元素並在src屬性Green更換Blue - 這是一種方式，你可以做到這一點：

var color = $('#bscontainer'); 
color.find('img').each(function(){ 

    curColor="Blue"; 
    newColor="Green"; 
    this.src = this.src.replace(curColor,newColor); 

}); 

無需的.html()部分你的代碼...

Answer 2

Use a callback function實際更新HTML，並使用regular expression (object)一次性替換所有實例：

$('#bscontainer').html(function (i, str) { 
    curColor = new RegExp("Blue","g"); // global replace 
    newColor = "Green"; 
    return str.replace(curColor, newColor); 
}); 

Answer 3

要直接回答您的問題，請以JavaScript代替字符串參數作爲針頭，只替換第一個實例。替換字符串中的所有情況下，使用全局正則表達式：

str.replace(/Blue/g, 'Green'); 

你真的應該只修改img標籤的src屬性雖然。這是更正確的方法來攻擊這一點。像你一樣嘗試更改HTML會失去綁定到DOM元素的任何事件或數據。