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

これを試してください：

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

Answer 2

使用するinsertAfter()

公式ドキュメント: http://api.jquery.com/insertAfter/

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