html - 使用 JQuery 在选定标记内插入块作为最后一个子项

Question

我正在开发一个评论模块，它每 5 秒自动刷新一次。代码是这样的：

jQuery部分：

$(document).ready(function(){
 var refreshId = setInterval(function(){
 $.getJSON('process.php?fooId=1', function(data){
    $.each(data, function(key,val){
       $('#abc:last-child').prepend('<div>some text</div>');
    });
  });
 }, 5000);
});

HTML部分：

<div id="abc"></div>

我需要的是，当有人发表评论时，评论必须附加到 div ( id="abc") 中。

有什么解决办法吗？

Answer 1

利用insertAfter()

官方文档：http ://api.jquery.com/insertAfter/

$('<div>some text</div>').insertAfter($('#abc:last-child'));

Answer 2

试试这个：

$(document).ready(function(){
   var refreshId = setInterval(function(){
     $.getJSON('process.php?fooId=1', function(data){
       $.each(data, function(key,val){
          $('#abc').last().append(val);
       });
     });
  }, 5000);
});