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