如何环绕元素中的每个文本部分？答案

【问题标题】：How to wrap span around every text part in an element?如何环绕元素中的每个文本部分？
【发布时间】：2015-01-25 10:42:16
【问题描述】：

我想在每个尚未被另一个元素包裹的文本部分周围包裹一个 span 元素。

我有这个：

<p>
  text text text text text text text text <span class="f1">f1 text</span> text text text text text text text text text text text text text <span class="f2">f2 text</span> text text text text text text text
</p>

我想要什么：

<p>
  <span>text text text text text text text text</span><span class="f1">f1 text</span>
  <span>text text text text text text text text text text text text text</span><span class="f2">f2 text</span><span> text text text text text text text</span>
</p>

【问题讨论】：

标签： javascript jquery text word-wrap

【解决方案1】：

过滤掉除文本节点之外的所有内容，并将它们包装起来

$('p').contents().filter(function() {
    return this.nodeType === 3;
}).wrap('<span />');

FIDDLE

【讨论】：