如何使用 JavaScript 突出显示选项卡内容的某些单词？答案

【问题标题】：How I can highlight some words of a tab's content using JavaScript?如何使用 JavaScript 突出显示选项卡内容的某些单词？
【发布时间】：2013-08-15 16:26:15
【问题描述】：

我有一些带有网址的图片。单击图像时，将打开相应的选项卡。我希望在选项卡中突出显示一些单词。可能吗？我该怎么做？

谢谢。

【问题讨论】：

如果你的意思是浏览器标签，我不认为你可以这样做，也许作为一个浏览器插件。
有可能吗？ 可以（如果该网站不是您无法控制的外部网站）
你能否详细说明这个问题，并可能举一个你想要的提琴手的例子
总是希望突出显示相同的单词/单词列表（或）单词列表是动态的吗？如果是静态列表，只需将单词放在 span 和带背景颜色的样式中。

标签： javascript jquery html

【解决方案1】：

将这些单词包装在 <span>...</span> 中，并为这些跨度添加一些类。

【讨论】：

只有在同一个域/OP 自己的页面/网站时才有效。

【解决方案2】：

如果需要高亮 div 包含的 word("John") ；

$( "div:contains('John')" ).css('background-color', 'red');

jquery api

如果您只需要突出显示单词

var html = $('div').html();
$('div').html(html.replace(/John/gi, '<strong>$&</strong>'));

我发现这个 plugin 是由某人开发的，您可以将相同的东西用于您的任务

【讨论】：

我认为这会突出整个div 而不仅仅是单词。
我对答案做了一些修改