jQuery：如何替换内容而不影响儿童

Question

我想用标签替换标签，但不是替换所有的子元素（只是父项）。如何用jQuery做到这一点？

感谢

Answer 1

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

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

注意，这实际上消除了父元素，并插入一个新的，所以如事件处理程序和数据的所有细节都将丢失的父，但保留对孩子。

Answer 2

我不确定我完全理解这个问题，但也许这是答案？ ;-)

$('#replaceme').children().unwrap().wrap('<div id="new"></div>'); 

看到它在行动：http://jsbin.com/adene3/edit

文件：

• 后余音：http://api.jquery.com/wrap/
• 展开：http://api.jquery.com/unwrap/