javascript - 简单/基本 Jquery 或 Javascript 字符串替换多个值

Question

我有一个数据库输出:

1. example-phrase
2. example2-phrase或
3. example-solution

我需要在页面加载时将它们替换为:

1. 示例短语
2. 示例 2 短语
3. 示例和解决方案

我已经在页面上加载了 jQuery，因此我可以使用 jQuery 解决方案，但我知道使用一些基本的 Javascript 也是可能的...问题是我对其中任何一个都不了解，也不知道我找到的示例没有做我需要的事情。我还需要能够在将来添加更多替代品。

更新:我从另一个项目中得到了这个，但它替换了页面上任何 h2 元素中“=”之前(包括)的所有内容。第一行:var re = /^[^=]+=\s*/,但我却失去了所有的符号:

<script>
    var re = /^[^=]+=\s*/,
        elements = document.getElementsByTagName('h2')

    function processText(el) {
        el.textContent = el.textContent.replace(re, '');
    }

    for(var i = 0, l = elements.length; i < l; i++) {
        processText(elements[i]);
    }
</script>

Answer 1

看看这个:

正如您所说，您的字符串 (1) 是:

var ex1 = "example-phrase";
var res1 = ex1.replace("-", " ");
res1 = res1.toLowerCase().replace(/\b[a-z]/g, function(letter) {
    return letter.toUpperCase();
});

上述解决方案适用于第一种情况。对于第三种情况，只需添加以下内容，

var ex3 = "example-solution";
var res3 = ex3.replace("-", " ");
res3 = res3.toLowerCase().replace(/\b[a-z]/g, function(letter) {
    return letter.toUpperCase();
});
res3 = res3.replace(" ", " & ");

我觉得每次收到回复时都进行检查是不可行的。

感谢this answer