將所選div的子內容附加到另一個div

Question

給定id = instafeed的div和id = slick-track的div，我嘗試使用appendTo將instafeed div的子級添加到slick-track 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());