替換html內容中的多個字符串

Question

我想用jquery替換所有使用特定字符串的「替換」字符串，同時保留所有擴展名（.jpg，.mp4，...）。這裏是我的嘗試：

<video id="test" controls="controls" poster="replace.jpg" width="640" height="360"> 
    <source src="replace.mp4" type="video/mp4" /> 
    <source src="replace.webm" type="video/webm" /> 
    <source src="replace.ogg" type="video/ogg" /> 
    <object type="application/x-shockwave-flash"  data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360"> 
     <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
     <param name="allowFullScreen" value="true" /> 
     <param name="wmode" value="transparent" /> 
     <param name="flashVars" value="config={'playlist':['replace.jpg',{'url':'replace.mp4','autoPlay':false}]}" /> 
     <img alt="Test Video" src="replace.jpg" width="640" height="360" title="No video playback capabilities, please use a better browser." /> 
    </object> 
    </video> 

和腳本：

var src = "content/test"; 
$("#test").replace(/replace/g , src); 

Answer 1

使用，來代替：

DEMO

$("#test").replaceWith(function(){ 
    return this.outerHTML.replace(/replace/g , src); 
}); 

Answer 2

你需要這個 -

$("#test").html(function(_,htm){ 
    return htm.replace(/replace/g , src); 
});