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