在浏览器中显示的html页面中找到一个句子并突出显示它[重复]

Question

我正在使用 asp.net mvc 来显示一个 .html 文档，我知道它包含什么。

我的控制器中有这个方法：

public ActionResult GetHtmlPage(string path)
{
    return new FilePathResult(path, "text/html");
}

我有这个简单的视图：

@{
ViewBag.Title = "ManageDocument";
}
<h2>ManageDocument</h2>
@Html.Action("GetHtmlPage", "myController", new { path = Model.documentPath })

文档显示没有问题。但我想突出显示我知道它存在于文档某处的特定句子。

我的意思是，我正在尝试实现一个 JavaScript 代码，也许是为了找到我想在文档中突出显示的特定句子并突出显示它！ 我在 JavaScript 中阅读了有关 window.find() 的信息，但我的 asp.net 解决方案似乎无法识别它。

我正在使用 VS2015 企业版

Answer 1

您可以使用 jQuery 用一些标签包装文本并应用您可能需要的任何自定义样式。假设您有以下标记：

<div>
    This is some specific sentence
</div>

而你想要这样结束：

<div>
    This is <strong>some specific</strong> sentence
</div>

您可以尝试使用:contains 选择器来定位文本的所需部分，然后用一些标签将其包装起来：

$("div:contains('some specific')").html(function(_, html) {
   return html.replace(/(some specific)/g, "<strong>$1</strong>");
});

这是sample fiddle。