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 がアンラップされます。また、要素を削除しようとしましたが、要素とそのテキストが削除されます。

score 87 · Accepted Answer

スパンをアンラップするのではなく、その内容をアンラップしたい:

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

以前のバージョンの jQuery では、次のことができます。

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

score 1 · Accepted Answer

$('#my-div').text ($('#my-div').text ())アンラップに頼らずに、シンプルで十分ではないでしょうか?

3 に答える 3