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

Question

我有一些看起来像这样的 html：

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

我想要做的是使用 jQuery 删除 div 中的所有 span，无论附加的类如何，但将 span 标记中的文本留在后面。所以最终的结果将是：

<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

Answer 2

难道一个简单的 $('#my-div').text ($('#my-div').text ()) 就足够了，而不需要解包吗？

Answer 3

$(mydiv).html($(mydiv).text()) 

应该可以解决问题。