javascript - 使用 jQuery 删除元素但保留文本

Question

我有一些 html 看起来像这样:

<div>
    <span class="red">red text</span> some more text <span class="blue">blue text</span>
</div>

我想做的是使用 jQuery 删除 div 中的所有跨度，而不管附加类如何，但将跨度标记内的文本留在后面。所以最终的结果将是:

<div>
    red text some more text blue text
</div>

我尝试使用 unwrap() 方法，但它会展开 div。我也尝试过删除元素，但这会删除元素及其文本。

Answer 1

jQuery 1.4+

你不想解包跨度，你想解包它的内容:

$("span").contents().unwrap();

在线演示:http://jsbin.com/iyigi/edit

jQuery 1.2+

对于早期版本的 jQuery，您可以执行以下操作:

$("span").replaceWith(function () {
    return $(this).text();
});

在线演示:http://jsbin.com/iyigi/40/edit