Question

我有一个要求在html上交换div.Consider第一个div用id =＆＃39;当前＆＃39;，在页面上加载5个记录追加到第一个div.I确实有另一个div，id =＆＃34;下一个＆＃34;从javascript中的ajax中点击事件后再获得另外5条记录。点击事件后，另外5条记录被选中，我想将其附加到div =＆＃39; next＆＃39;接下来将转到当前和旧的5条记录，这些记录当前从javascript中取消等等。例如：

<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条记录即将到来，我想在下一条附加，旧的下一条将转到当前和旧的当前删除。任何建议。感谢。

Answer 1

使用jquery这很容易：

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

在ajax成功函数中

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

Answer 2

<强> 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 ++;       
   });

Answer 3

试试这个功能。函数不使用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])
    }
}

HTML中的Div更改

3 个答案: