Javascript 解开元素的一部分？

Question

如何在不删除父元素的情况下展开元素？

例如，如果我有以下内容

<strong>Some text <span>and some more text.</span> And a little more.</strong>

是否有 javascript 或 jquery 方法来解开跨度，从而导致

<strong>Some text </strong><span>and some more text</span><strong>And a little more.</strong>

我可以使用jquery的unwrap简单地从span中删除强标签，但这会导致span之外的文本也丢失标签。

Answer 1

这是一种方法:

$("strong").contents().filter(function () {
    return (this.nodeType==3)
}).wrap('<strong/>').parent().unwrap();

<强> jsFiddle example

这会导致:

<strong>Some text </strong><span>and some more text.</span><strong> And a little more.</strong>