jQuery .each循环不会循环，但是当您console.log时会循环吗？

Question

有点困惑，我有一个.each函数，当我使用console.log时，它显示JSON的所有结果，但是当我尝试使用.html（）输出时，它仅显示一个？ 有什么原因吗？

码：

$(document).ready(function(){
    $.get('functions/ListOrders.php', function(xml){ 
        var newOrders = $.xml2json(xml);
        $.each(newOrders.ListOrdersResult.Orders.Order, function(index, value) { 
            //console.log(value.AmazonOrderId);
            $('#orderAmount').html("<b>Order Total:</b><br>" + index + "<br><br>");
            $('#orderListing').html("<b>Order Listing:</b><br>" + value.AmazonOrderId);
        });
    });
});

谢谢

Answer 1

您只会得到一个结果，因为在循环中您将覆盖现有值。 基本上，您将覆盖html值。 如果您使用append ，它将在每次循环迭代时将值添加到现有元素。

$(document).ready(function(){
    $.get('functions/ListOrders.php', function(xml){ 
        var newOrders = $.xml2json(xml);
        $.each(newOrders.ListOrdersResult.Orders.Order, function(index, value) { 
            $('#orderAmount').append("<b>Order Total:</b><br>" + index + "<br><br>");
            $('#orderListing').append("<b>Order Listing:</b><br>" + value.AmazonOrderId);
        });
    });
});