显示来自对象jquery的数据？

Question

我有这个

JS

var invoice = 1; 

var orders = [ 
    [{ 
     "invoice": "1", 
     "article": "Coca Cola", 
     "qty": "5", 
     "active": "Yes" 
    }, { 
     "invoice": "1", 
     "article": "Fanta", 
     "qty": "10", 
     "active": "Yes" 
    }, { 
     "invoice": "1", 
     "article": "Sprite", 
     "qty": "40", 
     "active": "Yes" 
    },{ 
     "invoice": "1", 
     "article": "Coca Cola", 
     "qty": "40", 
     "active": "Yes" 
    }], 
    [{ 
     "invoice": "2", 
     "article": "Coca Cola", 
     "qty": "55", 
     "active": "Yes" 
    }, { 
     "invoice": "2", 
     "article": "Fanta", 
     "qty": "10", 
     "active": "Yes" 
    }] 
]; 

var msg = "<div id=results>" + results + "</div>"; 

和最终结果以HTML看起来像这样让说发票1，计算与同一 名所有数量的所有文章，并显示该文章名称与总量的数量。这里是html如何显示它？

<div id="results"> 
<div class="each"> 
<input value="Coca Cola"><input value="45"> 
</div> 
<div class="each"> 
<input value="Fanta"><input value="10"> 
</div> 
<div class="each"> 
<input value="Sprite"><input value="40"> 
</div> 

关于可口可乐，我必须显示数量的countertet值？ 我已经介绍了一个工作小提琴，但正如你可能会看到我在开始时被卡住。

Answer 1

这里有一个办法做到这一点

function getInvoice(numb) { 
    return $('<section />', { 
     'class' : 'results' 
    }).append(
     $.map(orders, function(arr) { 
      var o = {}; 
      $.each(arr, function(_, obj) { 
       if (obj.invoice == numb) 
        o[obj.article] = (o[obj.article] || 0) + (+obj.qty); 
      }); 

      return $.map(o, function(qty, article) { 
       return $('<div />', { 
        'class' : 'each' 
       }).append(
        $('<input />', {value : article}), 
        $('<input />', {value : qty}) 
       ).get(0); 
      }); 
     }) 
    ); 
} 

FIDDLE