jQuery持久替換div的內容

Question

我試圖通過輪詢和jQuery每隔50秒用某個值替換div標簽的內容。 而且我想訪問該更新的div的值，因此可以將請求保存到后端。

我的問題是，一旦替換了內容，瀏覽器就可以正確顯示它，但是HTML仍與開頭相同。 恐怕這是一個很基本的問題，但是我對此很好奇。

在這里，我准備了一個示例來說明問題： http : //jsfiddle.net/LJgN6/7/

您可以在JSfiddle的上下文中看到它，以在此處檢查最終的HTML： http : //jsfiddle.net/LJgN6/7/show

我想在最終的HTML中找到一種方法（例如，右鍵單擊，查看頁面源代碼）：

• num 1.1替換為num 1.2
• num 2.1替換為num 2.2
• ...

Answer 1

在“查看源代碼”窗口中看到的代碼是在允許任何客戶端修改DOM之前發送給瀏覽器的HTML 。 如果您想查看由javascript修改的源，則需要檢查DOM（IE F12，Firebug等）。

如果您需要訪問之前插入的該值，則使用javascript訪問元素的內容（即$('#number-2').text() ）應返回其內容，因為它們當前在DOM中。

編輯：糾正錯字

Answer 2

看來您已經熟悉jQuery，所以我將繼續學習非常有用的API，並看一下AJAX調用。 那里有很多文檔可以為您提供幫助。

http://api.jquery.com/jQuery.ajax/

Answer 3

這是個主意。 看我對你問題的看法

$(document).ready(function(){
    $('#number-1').html("num " + 1.1);   
    $('#number-2').html("num " + 2.2);
    $('#number-3').html("num " + 3.3);
    $('#number-4').html("num " + 4.4);

    setInterval(function(){newInfo();}, 3000);

});

function newInfo(){
    var firstDiv = $('#number-1');
    var secDiv = $('#number-2');
    var thdDiv = $('#number-3');
    var frthDiv = $('#number-4');
    var firstDivInfo = firstDiv.text().substr(4);
    var secDivNewInfo = firstDiv.text().substr(4);
    var thdDivNewInfo = secDiv.text().substr(4);
    var frthDivNewInfo = thdDiv.text().substr(4);
    var newNumber = (Math.random() + 1).toFixed(1);
        secDiv.html("num " + secDivNewInfo);
        thdDiv.html("num " + thdDivNewInfo);
        frthDiv.html("num " + frthDivNewInfo);
        firstDiv.html("num " + newNumber); 
}