Search and Highlight in jQuery

Question

I would like to search and highlight text using jQuery/Java Script.

sample HTML 1:

Good Morning<         


        

      

Answer 1

Try this out:- http://jsfiddle.net/adiioo7/H7CqV/

You need to remove the b tags from div1 and in order to apply bold property you can use css property font-weight:bold.

HTML:-

Good Morning
Good Evening
 
Good Morning

or

Good Morning
Good Evening
 
Good Morning

JS:-

$("body").highlight("Good Morning");

Edit: highlight is a 3rd party jquery lib, more info here: http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html