javascript - 使用 JavaScript 突出显示结果中的搜索关键字

Question

我想在我的应用程序中突出显示结果，就像 Google 为他们的搜索所做的那样。

如何用一些 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>");

Answer 1

尝试这个：

这是 HTML 正文：

我想像谷歌搜索一样使用javascript在我的应用程序中突出显示搜索关键字。如何使用一些html格式替换锚标记值。

然后我们想突出显示“使用”这个词，你可以用jQuery试试这个；

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

它会给你这样的输出：

我想像谷歌搜索一样使用javascript在我的应用程序中突出显示搜索关键字。如何使用一些html格式替换锚标记值。