jQuery .each()只打印json的最后一个值

Question

我有一个问题jQuery.each().我从另一个php文件中检索json数据,然后我想从中打印特定的密钥.

这是js:

<div class="row" id="fetchmember">
  <script type="text/javascript">

    jQuery('#group').change(function() {
     var id_group = this.value; 
     var memberjson = "fetchmember.php?group="+id_group;

     jQuery.getJSON(memberjson,function(data){
      jQuery.each(data, function(i, item) {

      jQuery("#fetchmember").empty().append("<li>"+item.name+"</li>");

      });                   
   });
});

</script>
</div> 

来自所选选项之一的JSON结果:

[{"id":"1645819602","name":"Michael Great","first_name":"Michael","last_name":"Great"},
{"id":"100000251643877","name":"George Pambudi","first_name":"George","last_name":"Pambudi"}]

我想name从json 打印所有内容,但它只打印namejson的最后一个键.我试过使用.html(),它也只返回最后一个name键.我的代码出了什么问题？

任何建议和帮助将不胜感激.非常感谢你

Answer 1

你先清空div然后追加:

jQuery("#fetchmember").empty().append("<li>"+item.name+"</li>");

而只是使用:

jQuery("#fetchmember").append("<li>"+item.name+"</li>");