How do I remove an element but not its content with javascript?

Question

I have a string which is a simple <a> element.

var str = '<a href="somewhere.com">Link</a>'

Which I want to turn into:

Link

I can remove the </a> part easily with str.replace("</a>", "")but how would I remove the opening tag <a href="somewhere.com>?

Answer 1

Use unwrap like

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

But it work with the elements that are related to DOM.For your Better solution try like

 str = ($(str).text());

See this FIDDLE

Answer 2

This will strip the whole tag:

str.replace(/<[^>]+>/g,'');

And this just the first part:

str.replace(/<[^/>]+>/g, '');