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正文：

我想像Google搜索一样突出搜索结果中的搜索关键字我的应用程序使用javascript ..如何使用替换锚标签带有一些html格式的值..

我们要突出显示'使用'这个词然后，您可以尝试使用jQuery;

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

它会给你这样的输出：

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

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

1 个答案: