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

Answer 2

一个简单的$('#my-div').text ($('#my-div').text ())就够了，不诉诸拆包？

Answer 3

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

应该做的伎俩。