JQuery:替换div中的字符串

时间:2012-02-25 21:10:34

标签: javascript jquery

<div id="content">
...
<p>NUMBER times...</p>
...
<p>Place N°: NUMBER</p>
</div>

如何替换内容div中的所有NUMBER? 我尝试了replace方法,但它没有用。

感谢。

3 个答案:

答案 0 :(得分:9)

您可以对字符串使用标准的Javascript替换函数。

oldhtml = $('div#content').html();
var newhtml = oldhtml.replace(/NUMBER/g, "123");
$('div.demo-container').html(newhtml);

答案 1 :(得分:3)

您应该迭代所有文本节点并替换其中的文本。

$('#content').children().each(function() {
 var textNode = $(this);
 textNode.text(textNode.text().replace("NUMBER", "NEW"));
});

此代码假定#content的所有子项都包含文本。

答案 2 :(得分:1)

试试这个:

$('#content').children().each(function () {
    $(this).html(function (i, html) {
        return $(this).html().replace(/NUMBER/g, '123456');
    });
});