使用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在結果中突出顯示搜索關鍵字

回答

相關問題