jQuery替換（）不適用於整個html內容

Question

我有一個html寺廟，它的字段名稱以'SAMPLE'開頭。使用jQuery我需要獲取完整的html內容並從中刪除所有SAMPLE文本，並將更新後的html內容添加到另一個div。這是我的代碼。示例代碼在這裏：http://jsfiddle.net/m4fLb85L/

<div class="sample_data" style="display:none;"> 
    <div style="float:left; margin-right:5px; width:75px;" class="sizes_element"> 
     <div style="text-align:center;"> 
      <select class="size-selector" listkey="2" name="SAMPLEsize2[38]"> 
       <option value="22">X</option> 
       <option value="23">L</option> 
       <option value="24">M</option> 
      </select> 
     </div> 
     <div><input class="SAMPLEsquantity" style="text-align:center;" type="text" name="SAMPLEqty2[38]" value="0"></div> 
     <div><input class="SAMPLEsprice" style="text-align:center;" type="text" name="SAMPLEprice2[38]" value="0.00"></div> 
     <div><input class="SAMPLEsofferprice" style="text-align:center;" type="text" name="SAMPLEofferprice2[38]" value="0.00"></div> 
     <div style="text-align:center;"><input class="SAMPLEsdefault" type="checkbox" name="SAMPLEdefault2[38]"></div> 

    </div> 
</div> 
<div id="output"></div> 

jQuery的一部分

$(document).ready(function(){ 
    var sData = $('.sample_data').html().replace('SAMPLE',''); 
    $('#output').html(sData); 
}); 

我的問題是示範文本被刪除只有第一個元素。但我需要從整個html內容中刪除。我怎樣才能解決這個問題。

Answer 1

使用與RegExp g Modifier：

sData = $('.sample_data').html().replace(/SAMPLE/g, '');