php - 突出显示 Div 标签下的文本

Question

假设我有一个这样的 div:

<div id="test" class="sourcecode">
"Some String"
</div>

是否可以让 css 和 js 根据搜索查询突出显示该字符串的一部分？

例如，如果我正在搜索 Stri 这个词，它只会突出显示该部分吗？

Answer 1

您必须分割文本，将突出显示的部分分成 <span> .像这样。

<div id="test" class="sourcecode">
"Some <span style="background-color:yellow">Stri</span>ng"
</div>

做代表 HTML 标签的字符，如果你有:

<div id="test" class="sourcecode">
    &lt;html&gt;String&lt;/html&gt;
</div>

...您可以像以前一样突出显示:

<div id="test" class="sourcecode">
    <span style="background-color:yellow">&lt;html&gt;Stri</span>ng&lt;/html&gt;
</div>