动态包装跨度中的单个文本

时间:2013-10-28 20:11:24

标签: javascript jquery html

我遇到的问题似乎很简单(也许我可能只是错误地接近它)。我需要能够获取用户输入,可以是纯文本或文本和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标记会导致此方法出现问题。

我不知道这是否可能,希望有人知道如何有效地做到这一点。

0 个答案:

没有答案