想象一下，我们有下一个元素：
<input type="text" data-search />
<div data-container>
<div>text 1</div>
<div>text 2 <span>some other</span> <strong>text</strong></div>
</div>
在输入[data-search]输入后，输入的短语应在容器中突出显示[data-container]（如果已找到短语）。
此搜索应该是“实时的”。可以跳过对元素的搜索（some other text不会给出任何结果），但如果您知道如何实现此功能 - 那就太好了。
所以简单的正则表达式和替换所有内容是相当繁重的操作，因为[data-container]内容可能很大。
另一种方法是在找到的文本下绘制矩形。但是同样，如何在不更新容器的情况下检测文本位置（我们可以在文本中添加一些包装器并计算其坐标然后将其删除）？
也许你可以给我一个平静的建议，我应该朝哪个方向前进。
谢谢。