javascript - 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);
        });
    });
});