如何在 JavaScript 中将跨度包裹在一段文本周围？

Question

我有这样的标记：

<p>one two three four</p>

我想使用 javascript 将其转换为：

<p>one <span>two three<span> four</p>

我有要包裹在跨度中的部分的偏移量和长度，在本例中为offset = 4和length = 9。如果使用 jQuery 可以让事情变得更容易，那就更好了。

Answer 1

这不是与问题Highlight a word with jQuery有点重复吗？

像JQuery 搜索突出显示插件这样的东西可能会有帮助

或者，正如同一问题中指出的，编写您自己的 jquery 函数：
类似（未经测试的代码，请随意编辑）：

jQuery.fn.addSpan = function (elName, str, offset, length)
{
    if(this.innerHTML = str)
    {
        return this.each(function ()
        {
            this.innerHTML = this.innerHTML.substring(0,offset) + "<span>" + this.innerHTML.substring(offset, offset+length) + "</span>" + this.innerHTML.substring(offset+length));
        });
    }
};

你会像这样使用它：

$("p").addSpan("one two three four", 4, 9);