Замена нескольких строк в содержимом html

Question

Я хочу заменить все строки «replace» на определенную строку, используя 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); 
});