jquery - 在 JQuery 中突出显示重叠文本

Question

我有这个简单的 HTML:

"Many things are in my room: a bed, a desk, and a computer."

还有这些短语:

"things are"
"are in my room" 
"room: a bed"

在 JQuery 中，是否有某种方法可以循环遍历短语列表，并突出显示文本中出现的短语，并通过颜色或边框等来划分重叠部分？

我知道有简单的荧光笔，但这并不能解决问题。也许是有重叠不透明度的东西？谢谢!

Answer 1

不幸的是，我所知道的荧光笔都不能满足您的要求，特别是因为 HTML 只是纯文本。

移动高级荧光笔只会将三个独立的 block 压缩成一个整体并突出显示所有内容。

如果您确实需要做类似的事情，您可以获取每个 block 并比较它是否有重叠。然后，如果有的话，从每个 block 中删除重叠部分并创建一个新的“重叠”突出显示(如果有意义的话)。