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

Question

  

可能重复：
  How to move an element into another element?

我基本上想把父母重新分配给我的DIV：

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

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

所以我希望孩子成为代孕的孩子。

我试过了：

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

但它只会输出：[object Object]

有没有更好/可行的方法来将父级重新分配给整个元素树，而无需阅读内容复制或克隆它？ 好吧，也许克隆工作，但我宁愿只是移动它。

Answer 1

你想从子内部获取html，它返回一个字符串，这样你就可以按照你的方式连接它了

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

$a.remove();

contents（）返回一个jQuery对象，你不能连接一个对象和字符串