Удалить элемент с помощью jQuery, но оставить текст

У меня есть html, который выглядит так:

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

Что я хочу сделать, это использовать jQuery для удаления всех интервалов внутри div независимо от прикрепленного класса, но оставить текст в тегах span позади. Таким образом, конечный результат будет:

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

Я попытался использовать метод unwrap(), но он разворачивает div. Я также пытался удалить элементы, но удаляет элементы и их текст.

Ответы

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

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

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