jQuery查找替换多个单词

Question

我正在尝试替换同一 div 中的多个单词。
显然这行不通，这是我的代码。

$("#Number").each(function() {
    var text = $(this).text();
    $(this).text(text.replace("Monster", "Witch")); 
});
$("#Number").each(function() {
    var text = $(this).text();
    $(this).text(text.replace("Girl", "Boy")); 
});

谢谢。

Answer 1

替换不能接受多个参数但可以链式，例如：

$("#Number").each(function() {
    $(this).html($(this).html().replace('find1', 'replace1').replace('find2', 'replace2'));
});

Answer 2

您可以简单地使用正则表达式替换字符串中的所有匹配项。

$(".Number").each(function() {
    $(this).text($(this).text().replace(/Monster/g, "Witch")); 
});
$(".Number").each(function() {
    $(this).text($(this).text().replace(/Girl/g, "Boy")); 
});

查看工作中的JSFiddle here。

注意：请记住，不能有两个具有相同 ID（用“#”表示）的元素。因此，我将属性和选择器更改为类。
如果您只想更改一个元素的值，可以将逻辑从第二个块移动到第一个块的主体：

$("#Number").each(function() {
    $(this).text($(this).text().replace(/Monster/g, "Witch")); 
    $(this).text($(this).text().replace(/Girl/g, "Boy")); 
});