jQuery突出显示所有搜索的元素

时间:2014-02-25 15:25:41

标签: javascript jquery

我正在尝试突出显示搜索字词,但它不会分割字词。两个单词作为一个字符串,仅按字符串突出显示字符串。

demo中,您可以看到“Windows XP”突出显示但不是“Windows”。我应该怎么做才能突出显示这两个词?

$(document).ready(function() {
            var term = $('#q').val();
          $('p,a').highlight(term);

});

2 个答案:

答案 0 :(得分:1)

尝试:

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

答案 1 :(得分:1)

使用它,这将在所有空格上分开

 $(document).ready(function () {
     var term = $('#q').val().split(/\s+/);
     $('p,a').highlight(term);
 });

http://jsfiddle.net/eayan/13/