jquery - 如果尚未将innerHtml 包装在span 中

Question

我不知道如何解决这个问题，所以这是我的困境:

我有我的关于 div，里面有常规文本。但是在其中添加了一些 js span 之后。但我想将现有文本包装在 span 标记中。我将如何将跨度包装到不在跨度中的文本？

Made a fiddle here .

<div class="about">
    This text isn't wrapped in an html tag
    <span>But this is</span>
</div>

如何通过 jquery 将常规文本包装到 span 标签中？

感谢您提前提供的帮助。

Answer 1

您可以使用 jQuery 的 .contents 来获取文本节点，然后如果它们是选中节点的文本节点子节点，则将它们包装起来。

$(".about").contents().filter(function () {
    return this.nodeType === 3 && this.parentNode == $(".about").get(0);
}).wrap("<span>");

http://jsfiddle.net/ExplosionPIlls/PXTuD/6/