我遇到的问题似乎很简单（可能我只是错误地接近它）。我需要能够接受用户输入，它可以是纯文本或文本和 HTML 标签，并循环遍历纯文本并将其包装在 span 标签中，同时避免将 html 元素包装在 span 标签中。
例如，用户输入：
<div>The <b>brown</b> fox <i>jumps high</i></div>
并且代码将其输出为：
<div><span id='1'>The</span> <b><span id='2'>brown</span></b> <span id='3'>fox</span> <i><span id='4'>jumps</span> <span id='5'>high</span></i></div>
我知道如何使用纯文本，通过使用 .text().split(" ") 然后包装单个结果，但是 HTML 标记会导致此方法出现问题。
我不知道这是否可能，希望有人知道如何有效地做到这一点。