javascript - 如果在单词中找到相同的字符串，则停止 .replace() 替换该字符串

Question

例如:有一个页面列出了一些带有颜色的项目。有些被列为海军，有些被列为海军。

$('.ProductDetails a').each(function() {
    var text = $(this).text();
    $(this).text(text.replace("Nav", "Navy")); 
});

将导致所有“Nav”更改为海军 - 太棒了!

但这也会导致“Navy”更改为“Navyy”。 (即，它将海军中的“nav”替换为海军，并在替换“nav”后保留“y”)

有没有办法使用上面的技术来阻止这种情况，或者我必须更改脚本来解决这些双重问题。

我目前的解决方案是在 Nav 之后添加一个空格 $(this).text(text.replace("Nav ", "Navy"));

但这并不理想，因为某些项目后面可能有一个/并且没有空格。

Answer 1

$('.ProductDetails a').each(function() {
    var text = $(this).text();
    $(this).text(text.replace(/^Nav$/g, "Navy")); 
});

或者:

    $(this).text(text.replace(/\sNav\s/g, "Navy")); 

或者:

    $(this).text(text.replace(/\bNav\b/g, "Navy")); 

还有很多其他方法...

请注意，您可以使用此text重载:

$('.ProductDetails a').text(function(index, old) {
    return old.replace(/\sNav\s/g, "Navy");
});​