javascript - 使用 jquery 查找并替换一个单词的所有实例

Question

我有一篇文章有​​很多“颜色”这个词的实例。我设置了一个带有 .colour 类的按钮，这样如果您愿意，可以单击它并在整个页面中将拼写从“color”更改为“colour”。我已经写了一些 jQuery 来做到这一点，但它只改变了单词颜色的一个实例，而不是全部。您必须反复点击按钮才能更改所有这些。

$(document).ready(function(){
    $(".colour").click(function(){
        $("body").children().each(function() {           
            $(this).html($(this).html().replace("color","colour"));
        });
    })
})

有没有办法重复循环脚本直到它改变所有实例？也可以让它不区分大小写吗？我是 javascript 和 jquery 的新手，所以可能是一个菜鸟问题。谢谢

这是它的代码笔:http://codepen.io/patrickaltair/pen/vcdmy

Answer 1

让您的替换使用具有全局替换的正则表达式。

改变:

$(this).html().replace("color","colour")

到:

$(this).html().replace(/color/g,"colour");

codepen example