Search for and highlight texts background using CSS or jQuery
Found this jQuery plugin called SearchHighlight
Here is the code
CSS
<style type='text/css'>
span.hilite {background:yellow}
</style>
JavaScript
<script src='SearchHighlight.js'></script>
<script type='text/javascript'>
$(function(){
$('#textBoxId').keyup(function () {
var val = $(this).val();
var options = {
exact:"partial",
style_name_suffix:false,
keys:val
}
$(document).SearchHighlight(options);
}
});
</script>
enter code here
Seems like you need jQuery highlighter plug in
http://mir3z.github.io/jquery.texthighlighter/
jQuery Text Highlighter is a jQuery
plugin for highlighting text fragments in HTML documents.
Note: If you need some assistance in jQuery then refer http://jquery.com/