Question

我有一个html文件，我想用内容\来自外部html文件的整个div替换其中某个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');
});

用外部html文件替换div与div

3 个答案: