Javascript 将Div整个内容加载到新Div时出现的问题

您能看一下并告诉我为什么无法将

\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>

A.
B

C
$（“#源”）.load（“#目标”）；

您希望将div附加到源代码，如下所示：

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

---

请注意，css不会应用于目标，因为目标div没有相同的类。

此处不需要使用.load（），因为这是从服务器加载数据，并将返回的HTML放入匹配的元素（）

我建议使用以下元素：

之后的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>

希望这有帮助

load（）适用于ajax：您可以调用一个服务器，该服务器返回插入到选择器中的HTML。“将源div加载到目标div”是什么意思。

<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>

<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>

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