關於將Div全部內容加載到新Div的問題

Question

您能否請看看this demo並讓我知道爲什麼我無法將#source div加載到#target div中？

<div id="source"> 
    <div class="source-inn"><a>A</a></div> 
    <div class="source-inn"><p>B</p></div> 
    <div class="source-inn"><span>C</span></div> 
</div> 

<div id="target"></div> 
<script> 
$("#source").load("#target"); 
</script> 

Answer 1

這裏沒有必要使用.load（），因爲這是從加載來自服務器的數據，並將返回的HTML放入匹配元素（doc for .load is here）。

我建議使用.append()爲.children()元素這樣的：

http://jsfiddle.net/csdtesting/rc9kgekc/

$('#target').append($('#source').children()); 

後的DOM結果將是：

<div id="source"> 

<div id="target"> 
    <div class="source-inn"><a>A</a></div> 
    <div class="source-inn"><p>B</p></div> 
    <div class="source-inn"><span>C</span></div> 
</div> 
</div> 

但，如果你想DOM結果是這樣的：

<div id="target"> 
    <div id="source"> 
     <div class="source-inn"><a>A</a></div> 
     <div class="source-inn"><p>B</p></div> 
     <div class="source-inn"><span>C</span></div> 
    </div> 
</div> 

然後，你會使用它沒有。孩子（）波紋管： http://jsfiddle.net/csdtesting/aywww7r7/

$('#target').append($('#source')); 

希望這有助於！

Answer 2

你要到div追加到這樣的源：

$("#source").append($("#target")); 

注意，CSS不會因爲犯規具有相同的類目標的div應用到目標。