关于jquery:将div移动到其他父级,因此它从该父级继承

Move div to other parent, so it inherits from that parent

本问题已经有最佳答案,请猛点这里访问。

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

我基本上想给我的部门重新分配一个家长:

1
2
3
4
5
6
7
<DIV id='main'>
   <DIV id='child'>

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

所以我想让孩子成为代孕的孩子。

我试过:

1
2
3
4
5
6
var $a = $('#child');
var contents = $a.contents();
$a.remove();
$('#surrogate').append('<p>
' + contents + '
</p>');

但它只会输出:【对象对象】

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


您希望从返回字符串的子级内部获取HTML,这样您就可以按照所做的方式将其连接起来。

1
2
3
4
5
6
var $a = $('#child');
$('#surrogate').append('<p>
' + $a.html() + '
</p>');

$a.remove();

contents()正在返回jquery对象,不能连接对象和字符串