jQuery的幾個在一個單一的容器DIV

Question

我的目標是外部HTML元素爲從外部HTML加載三個不同DIV元件和通過使用jQuery插入它的父HTML的相同DIV容器下。

目前，我的代碼如下（外部HTML，節選）：

<div id="wrapper"> 
    <div id="content">Main.</div> 
    <div id="rightcolumn">Right.</div> 
    <div id="legendcolumn">Legend.</div> 
</div> 

而且我想插入所有三個格下DIV ID元素= 「插入」到父HTML 。在jQuery中我找到了加載（）函數。但是，它會替換元素下的所有內容，並且不會附加它。

$("#inserted").load("external.html #wrapper"); 

此代碼替換下體以前所有的元素。

Answer 1

您可以使用$.get或$.post ajax函數代替​​函數，該函數僅用於執行一件事和一件事。您的代碼將是這個樣子：

$.get('external.html', function(data){ 
    $(data).find('#wrapper > div').appendTo('#inserted'); 
}); 

external.html將通過data變量訪問，所以我們用jQuery函數包起來，然後在當前頁面其附加到正確的元素之前找到我們所需要的元素。