在Javascript中突出显示给定长字符串中的特定字符串

Question

我有一个长字符串,以及其他字符串的列表,我需要在长字符串中标记.说我们已经abcdefghijk和我需要标记的字符串是ghi和abc.

在Javascript和CSS中最简单的方法是什么？我想过使用exec()将返回长字符串中字符串的起始索引的方法.

然后,我有起始索引和字符串的大小.所以,我可以在长字符串中找到它.我怎么能突出它？也许使用CSS？

Answer 1

好吧，如果您知道字符串开头的索引和长度，您可以简单地在其周围放置 span 标签。所以你的 HTML 看起来像：

<span class="highlight">abc</span>def<span class="highlight">ghi</span>jk

然后你可以在 CSS 中设置跨度的样式：

.highlight
{
    background-color:yellow; 
}