javascript - javascript高亮文本字符串

Question

使用一个小插件来突出显示用户在我的应用程序中搜索的一些文本：

Johann Burkard 文本突出显示

我可以通过获取输入字段的值并将其作为变量传递给插件来使用它来突出显示单个文本字符串：

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

这适用于“stackoverflow”之类的东西，但我的搜索字段能够搜索多个关键字，即 stackoverflow、web、dave，其中逗号充当“and 运算符”

就插件而言，它正在寻找'stackoverflow，web，dave'作为一个确切的字符串，我不知道如何编码，所以它将关键字分解并将它们作为要突出显示的单个关键字传递给插件?

Answer 1

改用这个。

 $(function() { 

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

});

Answer 2

您可以用逗号分隔关键字：

$(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());
    }
});