jquery - 用外部 html 文件中的 div 替换 div

Question

div我有一个 html 文件，我想用外部 html 文件中的内容\整个 div替换其中的某个内容。

我正在尝试用 jquery 来做，但出了点问题。这是我到目前为止所得到的：

$("#originHtml").replaceWith(external.html #temp);

以及各种与' " '.

代码是：

$("#originDivId").replaceWith(external.html #temp);

Answer 1

您必须使用 jQuery .load()函数从不同的文件加载 div。

$("#originHTML").load('external.html #temp');

更新：

$.ajax({
    url: 'external.html',
    dataType: 'html',
    success: function(html) {
        var targetdiv = $('#temp', $(html));
        $('#originHTML').replaceWith(targetdiv);
    }
});

Answer 2

您可以使用 ajax 从 external.html 获取 html。

$(document).ready(function(){
    $.get("external.html", function(data){
        $("#originHtml").replaceWith($(data).find("#temp"));
    });
});

希望这可以帮助

Answer 3

要从另一个文件加载内容，您必须使用 JQuery ajax 功能。

$("#originHtml").load('external.html #temp');

$(document).ready(function(){
    $("#originHtml").load('external.html #temp');
});