在没有innerHTML的容器之间移动内容

Question

我在（隐藏）<ul>中有一个嵌套的<aside id="idDetails>。如何让ul从一旁移动并将其放在<div id="projectSide">中，而不是使用innerHTML？请简单的javascript和jquery ...

Answer 1

我会尽力做到这一点。

jQuery的：

$('#idDetails').find('ul').appendTo('#projectSide');

使用Javascript：

var node = document.getElementById('idDetails').firstElementChild,
    parent = node.parentNode;

parent.removeChild(node);

document.getElementById('projectSide').appendChild(node);

不完全确定香草JS的一个，但对jQuery感觉非常自信。

只是为了满足我的好奇心，here is a jsFiddle to show both working。

Answer 2

var $ul = $('aside ul');
$ul.detach();
$('#projectSide').append($ul);

Answer 3

无需使用detach()，因为append()＆amp; appendTo()在从旧位置分离后将现有对象附加到新位置。

$('#idDetails ul').appendTo('#projectSide') //is enough.