jQuery highlight all terms

Question

I\'m trying to highlight search terms but it doesn\'t split the words. Two words take as a one string and highlights only the string as is.

In the demo you can see that

Answer 1

From the plugin's documentation (available here):

You can highlight more than one text at once by running highlight with an array of terms as a first attribute. It's much faster than running the highlight function several times.

$("body p").highlight(["jQuery", "highlight", "plugin"]);

This means that you can simply use:

$('p,a').highlight(['Windows XP', 'Windows']);

Answer 2

Try this, it should highlight the whole string and words inside.

var searchterm = "Windows XP";
var tohighlight = searchterm.split(" ");
tohighlight.push(searchterm);
$("p,a").highlight(tohighlight);

Answer 3

Hopefully you are searching for this:

 var term = $('#q').val();
 $.each(term.split(" "),function(i,v){
     $('p,a').highlight(v);
 });

Answer 4

Supposing you get your string with

var s = $('#myInput').val();

do

s.split(' ').forEach(function(token){
    $('p,a').highlight(token);
});

or

$("body p").highlight(s.split(' '));