將html的部分加載到div中

Question

有沒有方法只使用jQuery將外部html文件的預定部分加載到div中？

如果外部HTML細分（如使用<div id="section1", "...2", "...3">爲例）分成不同的部分，jQuery可以釣出div id =「section1」，並將其輸出到目標div嗎？

我可以調整此代碼來實現嗎？

$(document).ready(function() { 

    $.ajax({ 
     url : "sourceFile.html", 
     dataType : "html", 
     success : function (data) { 
      $("#targetDIV").html(data); 
     }, 
     error : function (XMLHttpRequest, textStatus, errorThrown) { 
      alert("doc did not load. Status: " + textStatus); 
      alert("doc did not load. Error: " + errorThrown); 
     } 
    }); 

}); 

Answer 1

使用.load

$("#targetDIV").load("sourceFile.html #section1"); 

包括與您希望從該文件到目標的具體內容的文件名後面輸入一個空格。 API：http://api.jquery.com/load/