Question

I want to replace tag with tag, but not replacing all the children elements (just the parent). How to do it with jQuery ?

thanks

Answer 1

var elToRemove = $('your-element');
var children = elToRemove.children().detach();

elToRemove.replaceWith('<whatever id="something">Foo Bar</whatever>').append(children);

Note that this actually removes the parent element, and inserts a new one, so all details such as event handlers and data will be lost on the parent, but is preserved on the children.