Javascript or jQuery for Adding Style to Phrases on Page

Question

I'm applying a style to a certain phrase on our website over and over again. Is there a way to search the page for instances of that phrase and apply that style automatically?

Example:

<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

sure... http://docs.jquery.com/Selectors/contains#text

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

Answer 2

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

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

The above should get everything in the body and replace it with your span and that doesnt need jQuery.

Answer 3

You could take a look at these questions:

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

Both of the top answers point to the highlight plugin for jQuery.