使用JavaScript在结果中突出显示搜索关键字

我想突出显示我的应用程序中的结果，例如Google为其搜索。使用JavaScript在结果中突出显示搜索关键字

如何用某些html格式替换锚点标记值？

HTML和JavaScript代码：

function createHtmlForCasting(response, key) { 
    $.each(response, function (index, value) { 
     var div = document.createElement("span"); 
     div.innerHTML = value.EventTitle; 
     var arr = new Array(); 
     var div = document.createElement("span"); 
     div.innerHTML = value.EventTitle; 
     var arr = new Array(); 
     arr = key.split(" "); 
     for (var i = 0; i < arr.length; i++) { 
      if (div.innerHTML.indexOf(arr[i]) > -1) { 
       div.innerHTML.replace(arr[i], "<b>" + arr[i] + "</b>") 
      } 
     } 
    } 
    } 
$("#DivCasting").append("<a href='" + SiteUrl + "Job/" + value.EventID + "/" + CastingTitle + "' ><span>" + div.innerHTML + "</a></span>");

来源

2013-07-19 Gaurav Gupta

另外你正在变量'arr'中创建一个新的数组两次。 –

您可以使用JavaScript库，而不是自己实现突出显示。我使用了开源库[jQuery Highlight Plugin]（http://bartaz.github.io/sandbox.js/jquery.highlight.html）来实现您可以在[Cogeco On Demand的搜索页面]上查看的突出显示（http ：？//www.cogecoondemand.com/search q =工作）。如果该插件不适合你，请尝试[这个jQuery高亮插件列表]（http://www.jquery4u.com/plugins/10-jquery-text-highlighter-plugins/）。 –

试试这个：

这里是HTML正文：

我希望像谷歌搜索突出显示结果的搜索关键字在我的应用程序使用javascript ..如何使用替换锚标记值与一些HTML格式..

，我们希望“使用”字，然后突出显示，你可以使用jQuery试试这个;

$(function() { var textToReplace = $('body').html(); textToReplace = textToReplace.replace(/using/g,'<strong>using</strong>'); $('body').html(textToReplace); });

它会给这样你的输出：

我要像谷歌搜索突出结果的搜索关键字使用JavaScript的我应用..如何使用更换锚标签与一些HTML格式的值..

来源

2013-07-19 10:10:18

使用JavaScript在结果中突出显示搜索关键字

回答

相关问题