Javascript 如何使用JQuery为数组的每个值生成HTML元素？

以下是我的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>

我需要用data或value.comment的每个值生成HTML元素。所以它创建了一个值列表，但现在我只得到了第一个值。 请帮忙

数据正在检索一个对象作为此处的图像，我只需要在列表中打印注释：

---

您必须为每行创建一个新元素，而不仅仅是更新单个元素的文本值：

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

---

您必须为每行创建一个新元素，而不仅仅是更新单个元素的文本值：

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

替换

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

借

因为对于.html，每个循环都将覆盖上一个循环

但是Append将在上一个之后添加您的值。

替换

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

借

因为对于.html，每个循环都将覆盖上一个循环

---

但是Append将在上一个之后添加您的值。

尝试追加数据而不是替换数据。

尝试追加数据而不是替换数据。

您是否希望在每个函数中使用另一个选择器？它将覆盖每个循环中以前的所有输入。是否要在每个函数中使用另一个选择器？它将覆盖每个循环中以前的所有输入