用于在页面上添加样式到短语的Javascript或jQuery

Question

我正在一遍又一遍地在我们的网站上对某个短语应用一种风格。有没有办法在页面中搜索该短语的实例并自动应用该样式？

示例：

<div>
     This is what you get from <span class="comp">Company Name</span>. 
     We do all kinds of things here at <span class="comp">Company Name</span>.
</div>

Answer 1

你可以看看这些问题：

• Highlight a word with jQuery
• How to highlight certain words with jQuery

两个最佳答案都指向jQuery的highlight plugin。

Answer 2

确定... http://docs.jquery.com/Selectors/contains#text

$("div:contains('Conpany Name')").css("text-decoration", "underline");

Answer 3

var body = document.getElementByTagName("body")[0].innerHTML;

body.replace(/Company Name/g, '<span class="comp">Company Name</span>');
document.getElementByTagName("body")[0].innerHTML = body;

以上内容应该包含所有内容并用你的span替换它，并且不需要jQuery。