获取HTML中所选文本的精确参考

Question

假设我在一个<p>... </p>

中有以下文字

当用户在文本中选择几个单词时，我们假设选择了第一个 Quisque vestibulum，我使用window.getSelection().toString();获取所选文本然后我应用了一些CSS技巧，让我说我强调文字。

当用户一个月后回来时，我想再次强调相同的文字。如何获得所选文本的准确参考以供将来参考？我不想强调第二个 Quisque vestibulum。

  

Lorem ipsum dolor坐下来，精神上的精神。 Vestibulum在   dolor sit amet augue tempor venenatis vitae et nibh。 Donec dignissim   fringilla fermentum。在facilisis consectetur risus。 Nam vel mauris   magna，一个feugiat nisl。 Quisque vestibulum，neque eu tristique   tristique，tortor mauris ornare magna，at ultricies augue orci sed   enim。 Nulla magna ligula，dapibus vel commodo ac，sodales ut sem。 DUIS   Lorem massa，consectetur sed molestie eget，posuere eu magna。   Pellentesque sollicitudin mattis facilisis。 Nunc pulvinar metus et   diam dignissim坐在amet pellentesque metus pretium。 Quisque vestibulum，maecenas vel leo   amet diam iaculis sollicitudin。

Answer 1

您可以使用search（）或indexOf（）并存储字符串的位置以及实际选定的文本。