如何使用JQuery為數組的每個值生成HTML元素？

Question

這是我的HTML元素：

        <li class="comment author-comment">

                <div class="info">
                    <a href="#">Jack Smith</a>
                    <span>3 hours ago</span>
                </div>

                <a class="avatar" href="#">
                    <img src="{{ 
            asset('commentui/images/avatar_author.jpg') }}" width="35" 
             alt="Profile Avatar" title="Jack Smith" />
                </a>

                <p>Value is here</p>

      </li>

這是我的JQuery代碼：

   $.get('{{ URL::to('comment/retrive') }}',function(data){
    console.log(data);
      $.each(data, function(key, value){
      $('.comment p').html(value.comment);
    });
   });

我需要用數據或value.comment的每個值生成HTML元素。 這樣就可以創建一個值列表，但是現在我只得到第一個值。 請幫忙。

數據正在檢索一個對象作為此處的圖像，我只需要在list中打印注釋：

Answer 1

更換

$('.comment p').html(value.comment);

通過

$('.comment p').append(value.comment);

因為使用.html，每個循環都將覆蓋前一個循環。

但是Append會在前一個之后添加您的值。

Answer 2

您必須為每一行創建一個新元素，而不僅僅是更新單個元素的文本值：

var rp=$('.comment p');
$.each(data, function(key, value){
  var p = $('<p>');
  rp.append(p);
  p.text(value.comment);
});

Answer 3

嘗試附加數據而不是替換數據。