javascript hightlight text strings

Question

Using a small plugin to highlight some text that a user searches for on my application:

I am able to use this to highlight a single text string by taking the value of the an input field and passing this to the plugin as a variable:

$(function() { 
    var hightLightme = $("input#searchterm").val();
    $('p').highlight(hightLightme);
});

This works fine for the likes of 'stackoverflow' but my search field has the capability of searching for multiple keywords, i.e. stackoverflow, web, dave where the comma acting as an 'and operator'

As the plugin stands it is looking for 'stackoverflow, web, dave' as an exact string and I am at a loss as to how I can code this so it breaks the keywords down and passes them to the plugin as individual keywords to be highlighted?

Ashirvad · Accepted Answer · 2012-08-29 11:00:19Z

1

Use This instead.

 $(function() { 

     var arrayOfKeyWords= $("input#searchterm").val().split(',');
    for (var i=0;i<arrayOfKeyWords.length;i++)
     {
          $('p').highlight(arrayOfKeyWords[i]);
        }

});

answered Aug 29, 2012 at 11:00

Ashirvad

2,3771 gold badge16 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user899205 · Accepted Answer · 2012-08-29 11:01:40Z

0

You can split keywords by comma:

$(function() { 
    var query = $("input#searchterm").val(),
        keywords = query.split(','), // split keywords by comma
        targetEls = $('p');

    for(var i = 0, c = keywords.length; i < c; i++) {
        targetEls.highlight(keywords[i].trim());
    }
});

answered Aug 29, 2012 at 11:01

user899205

Collectives™ on Stack Overflow

javascript hightlight text strings

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related