How to remove only tag using jQuery?

css, javascript, jquery

Solution

Obviously, `unwrap` doesn't work as the `span`s only have text nodes inside them and jquery doesn't handle text nodes too well... this works however (you could use also `jQuery.text` instead of `jQuery.html` if you're sure that the `span` only contains text):

$('li a span').replaceWith($('li a span').html());

Working example

Edit: Actually, it seems that `unwrap` works as well if you use `jQuery.contents` to work around the jquery's inability to directly select text nodes:

$('li a span').contents().unwrap();

Problem

Original source