在Jquery中,如何将段落文本的一部分包含在span中

Question

如何在span中的段落中包含span之后找到的innerhtml.通过示例更好地解释:

<p>foo <span>bar</span> baz</p>

我想得到:

<p>foo <span>bar</span><span> baz</span></p>

baz 也可以标记(即可以包含链接等).

我试过了

$(p span).first().contents().filter(function() {
    return this.nodeType == 3;
}).text();

但只给了我第一个跨度的内跨文本......

Answer 1

DEMO

var span = $('p > span:first')[0];
var target = [];
while(span.nextSibling) {
    target.push(span.nextSibling);
    span = span.nextSibling;
}
$(target).wrapAll('<span />');