jquery在循环的每个迭代中包装div

这段代码从正在进行json_编码的php文件中获取数据，该编码从csv文件中提取信息。我希望在第二个循环中的每组值周围有一个父div。我在newDiv2中尝试了这个方法，但它用.sub_行包装了每个.field

与此相反：

 <div class="row"> // This one happens to only have one payment
     <div class="sum_field">Total: 79.99</div>
          <div class="field">BENV5239</div> // Details of payment
          <div class="field">11111</div>
</div>
 <div class="row"> // Based on Vendor ID
     <div class="sum_field">Total: 2487.01</div> // Sums up all payments for that Vendor
     <div class="field">BENV2137</div>
     <div class="field">11111</div>
     <div class="field">BENV2137</div>
     <div class="field">111111</div>
</div>
<div class="row"></div> // Another Vendor ID

$（文档）.ready（函数（）{
$.getJSON（'WF-XML.php'，函数（数据）{
//stringify（数据）；
var prevCardCode=''；
var newDiv；
$.each（数据、函数（索引、元素）{
if（元素['CardCode']！=prevCardCode）{
newDiv=$（''）.addClass（'row'）.appendTo（'showdata'）；
$（“+”总计：“+元素[“付款总额]+”）。附录（新div）；
}
newDiv2=$（''）.addClass（'sub_row'）.appendTo（newDiv）；
prevCardCode=元素['CardCode']；
$。每个（元素、函数（键、值）{
开关（钥匙）{
案例“InvKey”：
“后发日期”案例：
案例“城市”：
打破
违约：
//newDiv2=$（''）.addClass（'sub_行'）.appendTo（'.row'）；
$（''+值+''）。附录（newDiv2）；
打破
}
});
});
});

}))

$（文档）.ready（函数（）{
$.getJSON（'WF-XML.php'，函数（数据）{
//stringify（数据）；
var prevCardCode=''；
var newDiv；
$.each（数据、函数（索引、元素）{
if（元素['CardCode']！=prevCardCode）{
newDiv=$（''）.addClass（'row'）.appendTo（'showdata'）；
$（“+”总计：“+元素[“付款总额]+”）。附录（新div）；
}
newDiv2=$（''）.addClass（'sub_row'）.appendTo（newDiv）；
prevCardCode=元素['CardCode']；
$。每个（元素、函数（键、值）{
开关（钥匙）{
案例“InvKey”：
“后发日期”案例：
案例“城市”：
打破
违约：
//newDiv2=$（''）.addClass（'sub_行'）.appendTo（'.row'）；
$（''+值+''）。附录（newDiv2）；
打破
}
});
});
});

---

}))

什么构成了一组价值观？（当它们具有相同的值时？）您的前后示例似乎使用了不同的数据。。请修复它，因为无法从前一个示例推断后一个示例。对不起，我对Clarify进行了更正。您可以发布示例的JSON吗？元素['CardCode']数据在哪里？它不在JSON数据中，那么它来自哪里？是什么构成了一组值？（当它们具有相同的值时？）您的前后示例似乎使用了不同的数据。。请修复它，因为无法从前一个示例推断后一个示例。对不起，我对Clarify进行了更正。您可以发布示例的JSON吗？元素['CardCode']数据在哪里？它不在JSON数据中，那么它来自哪里呢？

 <div class="row">
     <div class="sum_field">Total: 200.00</div>
     <div class="sub_row">  // one payment
          <div class="field">BENV5239</div> // Details of payment
          <div class="field">11111</div>
     </div>
</div>
 <div class="row">
     <div class="sum_field">Total: 2487.01</div>
  <div class="sub_row"> // each payment that has the same vendor id is in it's own div
     <div class="field">BENV2137</div> 
     <div class="field">11111</div>
 </div>
 <div class="sub_row">
     <div class="field">BENV2137</div>
     <div class="field">111111</div>
 </div>
</div>

 $(document).ready(function() {
 $.getJSON('WF-XML.php', function(data) {

    //JSON.stringify(data); 
    var prevCardCode = '';
    var newDiv;

    $.each(data, function(index, element) {
        if (element['CardCode'] != prevCardCode) {
            newDiv = $('<div/>').addClass('row').appendTo('#showdata');
            $('<div class="sum_field">' + 'Total: ' + element['payment_sum'] + '</div>').appendTo(newDiv);      
            }
        prevCardCode = element['CardCode'];

        $.each(element, function(key, value) {

            switch (key) {
                case 'InvKey':
                case 'PostDate':
                case 'City':
                break;

                default:
                //newDiv2 = $('<div/>').addClass('sub_row').appendTo('.row');
                $('<div class="field">' + value + '</div>').appendTo(newDiv);
                break;
                 }
             });
         });
     });
  });

 {"VendorID":"BENV5239","payment_sum":"79.99","Address":"525 Sapper St.","ZipCode":"19116"},
 {"VendorID":"BENV2137","payment_sum":"2487.01","InvPayAmnt":"108.92","Address":"340 Middle Road","ZipCode":"19037"},
 {"VendorID":"BENV2137","payment_sum":"2487.01","InvPayAmnt":"57.60","Address":"340 North Middle Road","ZipCode":"19037"}

 $(document).ready(function() {
 $.getJSON('WF-XML.php', function(data) {

//JSON.stringify(data); 
var prevCardCode = '';
var newDiv;

$.each(data, function(index, element) {
    if (element['CardCode'] != prevCardCode) {
        newDiv = $('<div/>').addClass('row').appendTo('#showdata');
        $('<div class="sum_field">' + 'Total: ' + element['payment_sum'] + '</div>').appendTo(newDiv);      
        }
    newDiv2 = $('<div/>').addClass('sub_row').appendTo(newDiv);
    prevCardCode = element['CardCode'];

    $.each(element, function(key, value) {

        switch (key) {
            case 'InvKey':
            case 'PostDate':
            case 'City':
            break;

            default:
            //newDiv2 = $('<div/>').addClass('sub_row').appendTo('.row');
            $('<div class="field">' + value + '</div>').appendTo(newDiv2);
            break;
             }
         });
     });
 });