javascript - removeattr - remove jquery

Eliminar elemento con jQuery pero dejar texto

Question

Tengo un html que se ve así:

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

Lo que quiero hacer es usar jQuery para eliminar todos los intervalos dentro de la división, independientemente de la clase adjunta, pero dejar el texto dentro de las etiquetas de intervalo atrás. Entonces el resultado final será:

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

He intentado usar el método unwrap() pero desenvuelve el div. También he intentado eliminar los elementos, pero eso elimina los elementos y su texto.

Answer 1

jQuery 1.4+

No desea desenvolver el tramo, desea desenvolver su contenido:

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

Demostración en línea: http://jsbin.com/iyigi/edit

jQuery 1.2+

Para versiones anteriores de jQuery, puedes hacer lo siguiente:

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

Demostración en línea: http://jsbin.com/iyigi/40/edit

Answer 2

¿No sería suficiente un simple $(''#my-div'').text ($(''#my-div'').text ())

Answer 3

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

debe hacer el truco