javascript - 加载后无法获取html内容

Question

我试图用以下代码替换已加载元素的上下文:

$("#menu1").load("./templates/menu.html");
var str = $("#menu1").html();
alert(str);
str.replace("[number]", "1");
$("#menu1").replaceWith(str);

但我总是得到一个空的 str，menu1 与 menu.html 内容一起正确加载，所以我不知道发生了什么上。

Answer 1

您需要在加载后测试字符串 - 按照您完成的方式，它可以在加载仍在进行时运行。试试这个:

$("#menu1").load("./templates/menu.html", function() {
    var str = $("#menu1").html();

    alert(str);
    str.replace("[number]", "1");
    $("#menu1").replaceWith(str);
});

More information