Question

下面是我的代码，用于显示来自json对象的一些通知。

$.each(valid_result, function(key, element){
      jQuery("#notifications_list").html('<a href="#"><i class="fa fa-users text-aqua"></i>'+element.notification+'</a>';
      console.log(key+' : '+element.notification);
     });

上面的列表将显示在这里

<ul class="menu">
       <li id="notifications_list"></li>
  </ul>

但是即使我有更多记录，它也只显示一个记录。请建议我在哪里做错了。任何帮助将不胜感激。

Answer 1

您正在覆盖结果。请使用append()方法而不是html()。

jQuery.each(valid_result, function(key, element){
  jQuery("#notifications_list").append('<a href="#"><i class="fa fa-users text-aqua"></i>'+element.notification+'</a>');
  console.log(key+' : '+element.notification);
});

如果您的JSON对象中有很多元素，那么更好的方法是仅附加一次：

var list = '';

jQuery.each(valid_result, function(key, element){
   list += '<a href="#"><i class="fa fa-users text-aqua"></i>'+element.notification+'</a>';
});

jQuery("#notifications_list").html(list);

Answer 2

您要删除旧条目，应在其后面附加代码...

$.each(valid_result, function(key, element){
    $("#notifications_list").append('<a href="#"><i class="fa fa-users text-aqua"></i>'+element.notification+'</a>');
});

仅显示来自json对象的一条记录，每个使用jquery

2 个答案: