jQuery replace()不适用于整个html内容

时间:2014-09-05 07:26:51

标签: jquery

我有一个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);
});

我的问题是SAMPLE文本只删除了第一个元素。但我需要从整个HTML内容中删除它。我该如何解决这个问题。

1 个答案:

答案 0 :(得分:2)

RegExp g Modifier

一起使用
sData = $('.sample_data').html().replace(/SAMPLE/g, '');