javascript - 从 html 文件中读取 div 到 javascript var

Question

我想将文件 members.html（在同一文件夹中）中的 colTwo div 读入一个变量，然后将 innerHTML 设置为该变量。结果是“未定义”。我怎样才能解决这个问题？

var fredpagevar;
 $.get("members.html", function(data){
     fredpagevar = $(data).find('#colTwo').html();
 });
function fredpage(){
    document.getElementById('boldStuff').innerHTML = fredpagevar;}

Answer 1

根据您的标记： <li><a href="#" onclick='fredpage()'>Fred</a></li>

尝试这个 -

function fredpage(){
   $.get("members.html", function(data){
     $('#boldStuff').html($(data).find('#colTwo').html());
   }); 
}

Answer 2

这应该有效：

var fredpagevar;
$.get("members.html", function(data){
     fredpagevar = $(data).find('#colTwo').html();
}).done(function (){
    document.getElementById('boldStuff').innerHTML = fredpagevar;
});

get您的函数可能在方法从文件接收数据之前触发。

---

或第二次使用（以防您在其他地方使用您的功能）：

var fredpagevar;
$.get("members.html", function(data){
     fredpagevar = $(data).find('#colTwo').html();
}).done(fredpage());

function fredpage(){
    document.getElementById('boldStuff').innerHTML = fredpagevar;
}

Answer 3

你可以简单地这样做：

$.get("members.html", function (data) {
    $('#boldStuff').html($(data).find('#colTwo').html());
});