jQuery加載（）整個html文件，但只顯示單個div

我想從服務器加載到服務器的整個html內容到我的網站 - 就像一個PHP inculde會做或多或少。jQuery加載（）整個html文件，但只顯示單個div

到目前爲止，我可以加載整個文件，並在使用id和全部時在div中顯示。

但我怎樣才能只顯示div的一部分？

這是我的HTML與jQuery腳本：

這是我想從加載HTML文件的內容：

<div id="subnavione"> 
    <ul> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    <li>CITY1</li> 
    </ul> 
</div> 

<div id="subnavitwo"> 
    <ul> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    <li>CITY2</li> 
    </ul> 
</div>

我想現在要做的是什麼，只加載一次文件，然後將內容放入我放在我的網站上的特定div。例如，我想將div subnavione從file.html放入div PlaceSubNaviOne，並且subnavitwo和PlaceSubnaviTwo的位置也相同。

這可能與jQuery load()或我必須使用不同的方式來完成這項工作嗎？

來源

2015-09-01 Ferdinand Fatal

「這可能與jQuery加載（）？」你試過了解嗎？ – Andy

我已經設法用load（）放在第一位。但問題是我必須將我從load（）得到的html存儲到div中，然後我可以將特定的html放在單個div中。我的問題是加載一次HTML文件，只是把它放在後面。然後將特定的html放入單個div。這就是爲什麼我問，如果這是可能與load（）或如果我必須使用一個totaly不同的方式 –

試試這個：

$("#main").load("file.html", function() { 
    $("#PlaceSubNaviOne").html($("#subnavione").html()); 
});

參見：http://api.jquery.com/load/

來源

2015-09-01 10:12:27 user85230

當我使用.load（）將整個HTML文件代碼放到#main div和$（「＃PlaceSubNaviOne 「）。html的（$（」＃subnavione「）HTML（））。將subnavione div的代碼放入PlaceSubNaviOne。現在，我的網站上的所有內容都翻倍了 –

試試這個：你可以利用.get()這裏如下圖所示

$(document).ready(function(){ 
    $.get("file.html", function(data) { 
     $("#PlaceSubNaviOne").html($($.parseHTML(data)).filter("#subnavione")); 
     $("#PlaceSubNaviTwo").html($($.parseHTML(data)).filter('#subnavitwo')); 
    }); 
});

欲瞭解更多信息jQuery的get()

來源

2015-09-01 10:06:44

jQuery加載（）整個html文件，但只顯示單個div

回答

相關問題