find text, wrap it in something - how?

for highlighting search text on a page of content

[httpwebwitch]

I want to parse all the CDATA on a page, match it against a regular expression, then if found wrap matches in a <span>. The implementation is obvious: I want to highlight search text on the page.

For several reasons this has to be a client-side solution, even though doing it server-side would have been easier. :S

Can anyone give me a nudge in the right direction?

[coopster]

A quick search over the forum turns up a few solutions in regards to Highlighting text with CSS/javascript [webmasterworld.com]

[Dabrowski]

Easy solution, use a JS regular expression:

function highlightText( word) {
var obj = document.getElementsByTagName( "contentToHighlight");
var re = new RegExp( "\\b("+ word +")\\b");

obj.innerText = obj.innerText.replace( re, "<span class='highlighted'>$1</span>");
}

Should do it.