jQuery:如何在不影响孩子的情况下替换内容

Question

我想用tag替换tag,但不替换所有子元素(只是父元素).如何用jQuery做到这一点？

谢谢

Answer 1

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

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

请注意,这实际上会删除父元素,并插入一个新元素,因此所有详细信息(如事件处理程序和数据)将在父项上丢失,但会保留在子项上.