javascript高亮文本字符串

javascript hightlight text strings

本文关键字：字符串 文本 高亮 javascript      更新时间：2023-09-26

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

Johann Burkard文本高亮

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

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

这对"stackoverflow"这样的词来说很好，但我的搜索字段可以搜索多个关键词，即stackoverflow、web、dave，其中逗号充当"和运算符"

就目前的插件而言，它正在寻找"stackoverflow，web，dave"作为一个精确的字符串，我不知道如何对其进行编码，这样它就可以分解关键字，并将它们作为单独的关键字传递给插件以突出显示？

请改用This。

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

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

$(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());
    }
});
相关文章：