append方法不适用于for循环

Question

我有多个json对象，每个对象有多个相同的，例如： A-＆GT;   - A1     -A1A     -A1A  - A2     -A2A     -A2A   - A3     -A3A     -A3A

我已经厌倦了在下面的代码中执行，但它无法正常工作。你能告诉我我的代码中有什么问题吗？

＆＃13;

＆＃13;

subscriptionbarMyData = JSON.parse(window.localStorage.getItem('subscriptionBarJson'));
$('.total-month-cost-product-header-names').text('').addClass('hidden');
for (var key in subscriptionbarMyData) {
  if (subscriptionbarMyData.hasOwnProperty(key)) {
    var val = subscriptionbarMyData[key];
    $('.total-month-cost-product-header')
      .find('.total-month-cost-product-header-names')
      .removeClass('hidden')
      .addClass('show')
      .text(val.Name + val.ProductPrice);

    var addonvalue = subscriptionbarMyData[key]["Add-on"];
    for (var keyval in addonvalue) {
      if (addonvalue != undefined) {
        var TotalOneCostProduct = $('.total-month-cost-product-items').text('');

        for (var keyval in addonvalue) {
          // var dataValues = addonvalue[keyval].Name;
          $('.total-month-cost-product-header-names')
            .text(addonvalue[keyval].Name)
            .appendTo(TotalOneCostProduct);

        }
      }
    }
  }
}

＆＃13;

<div class="summary-block">
  <div class="total-month-cost-summary">
    <div class="total-month-cost-product-header">
      <div class="total-month-cost-product-header-names"></div>
      <div class="total-month-cost-product-header-price"></div>
    </div>
    <div class="total-month-cost-product-items">
      <div class="total-month-cost-product-item-names"></div>
      <div class="total-month-cost-product-item-price"></div>
    </div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;