在整个站点中查找字符串的一部分并替换为新文本

Question

我仍然无法理解正则表达式。我甚至不确定你是否可以定位整个页面......但是如果不知道如何格式化正则表达式，它就可以使用它。

我的网页上有一个商标名称。我希望每次出现时都使用JS在它的末尾添加一个（r）。

jquery / js可以做到这一点吗？

$("body").each(function() {
  this.innerHTML = this.innerHTML.replace(
               'breathe right', 
               'breathe right(r)');
});

谢谢！

Answer 1

这是CSS :after伪元素的一个很好的用例：

<强> CSS

.product-name:after {
    content: " \00AE"; /* add restricted symbol after every element with the product-name class */
}

<强> HTML

<span class="product-name">My Product</span>

<强> Working Demo

最简单的方法是将产品名称包装在一个范围内，并用类标记它。不过，我不确定是否只是将标记添加到标记中的工作量较少。

这种方法的好处是，它允许您轻松地将其他样式应用于您的产品名称，例如粗体文本或更改字体颜色。

您可以阅读有关:after伪元素here的更多信息。

Answer 2

是的，但如果告诉jQuery搜索整个文档，效率会不高。为了提高效率，如果你想要有效率，你需要让jQuery获得一个特定的搜索位置。

Answer 3

你不需要jQuery：

document.body.innerHTML = document.body.innerHTML.replace(/breathe right/g, 'breathe right(r)')