使用JavaScript突出显示结果中的搜索关键字
使用JavaScript突出显示结果中的搜索关键字
提问于 2013-07-19 05:23:21
我想在我的应用程序中高亮显示结果，就像谷歌为他们的搜索所做的那样。
如何用一些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>");回答 1
Stack Overflow用户
发布于 2013-07-19 10:10:18
试试这个：
这里是HTML文本：
我希望像google搜索一样，使用javascript突出显示我应用程序中搜索结果中的关键字。如何使用某些html格式替换锚标记值。
我们想突出强调‘使用’这个词，然后，您可以尝试使用jQuery；
$(function () {
var textToReplace = $('body').html();
textToReplace = textToReplace.replace(/using/g,'<strong>using</strong>');
$('body').html(textToReplace);
});它会给你这样的输出：
我希望像google一样，使用javascript突出显示我应用程序中搜索结果中的关键词。如何使用使用将锚标记值替换为一些html格式。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17738655
复制相关文章
相似问题
腾讯云开发者
