如何在JavaScript中的文字部分中绕一个跨度？ [英] How do I wrap a span around a section of text in javascript?

问题描述

我有这样的标记：

<p>one two three four</p>

我想使用javascript将其转换为：

And I want to use javascript to convert it to this:

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

我有一个偏移和长度的段要包装在一个跨度，在这种情况下 offset = 4 和 length = 9 。

I have the offset and length of the section I want to wrap in a span, in this case offset = 4 and length = 9. If using jQuery can make it easier, that is preferable.

推荐答案

这个问题与 < a href =https://stackoverflow.com/questions/119441>使用jQuery突出显示一个单词 ？

Is this not a little duplicate of the question Highlight a word with jQuery ?

一个href =http://www.jquery.info/scripts/SearchHighlight/demo_en.html =nofollow noreferrer> JQuery search highlight plugin 可能会有帮助

Something like the JQuery search highlight plugin could be helpful

或者，像同一个问题中指出的那样，编写自己的jQuery函数：

某些东西（未经测试的代码，随意编辑）：

Or, as pointed out in the same question, write your own jquery function:
Something like (untested code, feel free to edit):

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);

这篇关于如何在JavaScript中的文字部分中绕一个跨度？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！