将所选div的子内容附加到另一个div

Question

给定一个id = instafeed的div和id = slick-track的div，我试图使用appendTo将instafeed div的子节点附加到光滑轨道div。

开始这两个div应具有以下内容......

<div id="instafeed">
  <div><img src=""></div>
  <div><img src=""></div>
</div>

<div id="slick-track"></div>

appendTo应该导致以下内容......

<div id="instafeed"></div>

<div id="slick-track">
  <div><img src=""></div>
  <div><img src=""></div>
</div>

不幸的是，当我只想要孩子时，我只能弄清楚如何将整个不安全的div附加到光滑轨道div中。我怎样才能只追加孩子？

Answer 1

使用.contents()方法获取子元素并将其附加到$('#instafeed')。

$('#slick-track').append($('#instafeed').contents());

Working Example

---

如果您使用.contents()，则会追加包括文本节点在内的所有子元素。

另一方面，使用children()将不追加文字节点。

  

.contents()和children()方法类似，只是前者包含文本节点以及生成的jQuery对象中的HTML元素。

Comparison Example

Answer 2

尝试类似的事情，

$('#slick-track').append($('#instafeed').children());