2013-05-09 52 views
0

我想从文件members.html(在同一文件夹中)读取colTwo div到一个变量,然后将innerHTML设置为该变量。结果是'未定义'。我怎样才能解决这个问题?从HTML文件读取一个div到一个javascript var

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

回答

1

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

试试这个 -

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

还在说不确定 – John 2013-05-09 19:43:29

+0

我猜,你从别的地方调用'fredpage()'? – 2013-05-09 19:44:18

+0

  • Fred
  • John 2013-05-09 19:45:05

    0

    这应该工作:

    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; 
    } 
    
    +0

    这对我也不起作用,这次它没有说undefined它只是没有做任何事情 – John 2013-05-09 19:44:25

    +0

    把'console.log(data)'inf第一行get方法并检查是否为空 – WooCaSh 2013-05-09 19:46:55

    0

    您可以简单地这样做:

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