股利變化HTML

我，m具有上html.Consider ID爲第一個div swaping DIV的一個需求=「當前」，在頁面加載5條記錄在第一div.I追加確實有一個id爲「旁邊另一個DIV 「在javascript中的innerhtml中的ajax點擊事件之後獲得另一個5條記錄。單擊事件之後，再選擇另外5條記錄，我想將它附加到div上，id ='next'，接下來將轉到當前和舊5條記錄是目前得到的JavaScript空，等等。對於例如：股利變化HTML

<div id="current"></div>(current 5 records on pageload) 
<div id="next"></div>(another 5 records on click event from ajax in innerHTML)

時再另外的onclick 5條記錄來臨，我想下一次追加對老接下來會去當前和舊的當前被刪除。任何建議。謝謝。

來源

2014-03-27 user3406754

，它是用ID =「內容」作爲一個更好的方式來顯示您的數據？ –

你能說你正在使用哪個JavaScript庫嗎？ – Victory

HTML

<div id="current">(current 5 records on pageload)</div> 
<div id="next">(another 5 records on click event from ajax in innerHTML) </div> 
<button id="loadDiv">Load Data</button>

jQuery的

var count = 1; // gobal variable for checking click count 

$('#loadDiv').click(function(){ 

     data = // do ajax and get data 
     if(count == 1) 
     { 
     $('#current').empty(); // deleting old data of current 
     $('#current').html('data'); 
     } 
     else 
     { 
     $('#current').empty(); // deleting old data of current 
     $('#current').html($('#next').html());// loading current with next 
     $('#next').empty(); // deleting data in next 
     $('#next').html(data); // loading next with new data 
     } 
    count ++;  
    });

來源

2014-03-27 09:27:43 chriz

感謝您的回答，但在javascript方面：document.getElementById（「current」）。innerHTML = document.getElementById（「next」）。innerHTML;它不工作。 – user3406754

@ user3406754 var content = document.getElementById（「next」）。inn erHTML; document.getElementById（「current」）。innerHTML = content;'像這樣試試 – chriz

你不必每次都用空，html（新數據）就夠了 – ProllyGeek

使用jQuery，這很簡單：

<div id="current"></div> 
<div id="next"></div>

在阿賈克斯成功函數

$("#current").html($("#next").html()) 
$("#next").html(loaded_data)

來源

2014-03-27 09:20:59 ProllyGeek

當前應該刪除的舊記錄是可能的。 – user3406754

它已經被刪除了，html命令會覆蓋舊的數據。 – ProllyGeek

只是嘗試類函數來做到這一點。函數不使用jQuery，並以不同的方式執行相同的操作。

1-更改內容，同時新的內容是一個字符串。

function spaw_div_content(new_content){ 
    var current = document.getElementById("current") 
    var next = document.getElementById("next")  
    current.innerHTML = next.innerHTML 
    next.innerHTML = new_content; 
}

2-當新內容位於元素數組上時更改內容。

function spaw_div_content(new_content){ 
    var current = document.getElementById("current") 
    var next = document.getElementById("next") 

    current.innerHTML = next.innerHTML 
    next.innerHTML = ""; 

    for(iNC in new_content){ 
     next.appendChild(new_content[iNC]) 
    } 
}

來源

2014-03-27 09:27:52 Xdevelop

回答

相關問題