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

Highlight the Search Keyword in the Result using JavaScript

本文关键字：中的 搜索 关键字 搜索关键字 JavaScript 结果 显示 使用      更新时间：2023-09-26

我想在我的应用程序中突出显示结果，就像谷歌在搜索中那样。

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

试试这个：

这是HTML正文：

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

我们想用突出显示"使用"这个词，那么你可以用jQuery试试；

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

它会给你这样的输出：

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

相关文章：