Question

使用小插件突出显示用户在我的应用上搜索的一些文字：

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

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

这适用于'stackoverflow'，但我的搜索字段有能力搜索多个关键字，即stackoverflow，web，dave，其中逗号充当'和运营商'

正如插件所示，它正在寻找'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());
    }
});

javascript突出显示文本字符串

2 个答案: