给一段复杂的html中的每个文字添加一个标签

Question

因为要对每个文字进行单独处理，怎么给这种复杂的没有规律的html片段中的所有文字添加一个span标签？
类似于将
<p id="test">然<span>你</span>t</p>
变成
<p id="test"><span class="special-flag">然</span><span><span class="special-flag">你</span><span class="special-flag"></span></span><span class="special-flag">t</span></p>

最终的需求是要实现类似于百度阅读app的效果，在页面上拖动选中文本内容，添加笔记之类的。

Answer 1

看看这个能帮到你不：js 中的selection对象使用笔记+光标定位