jQuery .html只獲取JSON的最後一個值

我遇到了jQuery("#someID").html的問題。它只打印JSON中的最後一個鍵。jQuery .html只獲取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, items) { 
      jQuery("#fetchmember").html("<li>"+items.name+"</li>"); 
     });     
    }); 
}); 

    </script> 
</div>

JSON結果：

[{"id":"1645819602","name":"Michael English","first_name":"Michael","last_name":"English"}, 
{"id":"100000251643877","name":"Bill Gaither","first_name":"Bill","last_name":"Gaither"}]

我想從JSON打印所有的name，但它僅打印去年name關鍵的json。我的代碼有什麼問題？

任何意見和幫助將不勝感激。非常感謝您

來源

2013-10-22 King Goeks

您正在擦除每次迭代中的內容。使用append代替html

來源

2013-10-22 08:33:32 mguimard

代替

jQuery("#fetchmember").html("<li>"+items.name+"</li>");

使用

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

在迭代中，您覆蓋與最後一個內容。

來源

2013-10-22 08:34:43

最好使用.append代替.html，但你必須之前使該地區空：jQuery("#fetchmember").empty();

來源

2013-10-31 03:13:22

jQuery .html只獲取JSON的最後一個值

回答

相關問題