javascript - HTML コンテンツ内の複数の文字列を置き換える

Question

すべての拡張子 (.jpg、.mp4、...) を保持しながら、jquery を使用してすべての「置換」文字列を特定の文字列に置き換えたいと思います。これが私の試みです：

<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

代わりにそれを使用してください：

デモ

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