javascript - 如何使用 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 元素。所以它创建了一个值列表，但现在我只得到第一个值。请帮忙。

数据正在检索一个对象作为图像，我只需要在列表中打印评论:

Answer 1

替换

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

通过

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

因为 .html 每个循环都会覆盖前一个循环。

但是 Append 会在前一个之后添加您的值。