从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());
});