用 jQuery 将每个字符包装在 except 标记中

Question

我正在尝试将每个文本字符包装在一个

<div id="test"></div>

带有跨度标签。 没问题，只是我还需要保持嵌套标签不被修改。

所以如果DIV里面的字符串是：

"Some random text, <b>but</b> wait - there's <a href="http://w3.org">tags</a> inside!"

它应该为“但是”部分输出这个

<b><span>b</b><span>u</span><span>t</span></b>

单独留下 和 标记，但将所有其他字符包装在 span 中。我检查了 text() 但似乎没有办法保留标签或“保存回来”，只提取文本并永久删除 和

也许一些 jQuery 大师知道如何做到这一点？

Answer 1

您可以使用以下代码来做到这一点：

$("div").children().andSelf().contents().each(function(){
    if (this.nodeType == 3) {
        var $this = $(this);
        $this.replaceWith($this.text().replace(/(\w)/g, "<span>$&</span>"));
    }
});

见test case on jsFiddle。