jquery - 将 div 移动到其他父级，因此它继承自该父级

Question

Possible Duplicate:
How to move an element into another element?

我基本上想将父项重新分配给我的 DIV:

<DIV id='main'>
   <DIV id='child'>

   </DIV>
</DIV>
<DIV id='surrogate'>
</DIV>

所以我希望 child 成为代理人的 child 。

我尝试过:

var $a = $('#child');
var contents = $a.contents();
$a.remove();
$('#surrogate').append('<p>' + contents + '</p>');

但它只会输出:[object Object]

是否有更好/有效的方法可以将父级重新分配给整个元素树，而不读取复制或克隆它的内容？ 好吧，也许克隆可行，但我宁愿移动它。

Answer 1

您想从 child 内部获取 html，它返回一个字符串，以便您可以按照您的方式连接它

var $a = $('#child');
$('#surrogate').append('<p>' + $a.html() + '</p>');

$a.remove();

contents() 返回一个 jQuery 对象，并且您无法连接对象和字符串