XML Jquery問題

Question

一切都可以在最後一個問題上奏效。我想創建數據被加載到2列的表格，現在。我知道我可以很容易地在我的XML中設置這個沒有問題。但是，我寧願在我的jQuery中設置它，而不是在我的XML中。這是我想要做的。使用我當前的Jquery，需要將項目放入一個表中，然後移到下一個記錄上，然後創建一個新表。現在。我想要一個表在單獨的行中包含2條記錄。有沒有一種簡單的方法可以在我的jQuery中而不是在我的XML中執行此操作。我再次知道如何在XML中做到這一點，但我想學習如何在JQuery中做到這一點。這是我的腳本。

$(document).ready(function() { 
    $('.con-mid').animate({ 
     "opacity": ".8" 
    }); 
    $('.midcontent p').animate({ 
    opacity: 'toggle' 
}, 3000); 
    $.get('menu/menu-1a.xml', function(data) { 
     $(data).find('main').each(function() { 
      var $main = $(this); 
      $main.find('menu').each(function() { 
      var $menu = $(this); 
      var id = $menu.attr('id'); 
      var head = $menu.find('menuhead').text(); 

      var html = '<div class="mainmen" id="main_' + id + '">'; 
      html += '<table class="menus"><th colspan="5"><h1>' + head + '</h1></th>'; 
      $menu.find('menuitem').each(function() { 
       var $menuitem = $(this); 
       var name = $menuitem.find('menuname').text(); 
       var desc = $menuitem.find('menudesc').text(); 
       var price = $menuitem.find('price').text(); 
       var desprice = $menuitem.find('price2des').text(); 
       var price2 = $menuitem.find('price2').text(); 

       html += '<tr class="menu_item">'; 
       html += '<td class="h-menu">' + name + '</td>'; 
       html += '<td class="d-menu">' + desc + '</td>'; 
       html += '<td class="price">' + price + '</td>'; 
       html += '<td class="desprice">' + desprice + '</td>'; 
       html += '<td class="price2">' + price2 + '</td>' + '</tr>'; 


       }); 
       $('#menuitem').append($(html)); 
      }); 
     }); 
    }); 



--XML-- 
      <?xml version="1.0" encoding="iso-8859-1"?> 
       <main> 
      <menu id="appet"> 
      <menuhead> 
      Appetizers 
      </menuhead> 
    <menuitem> 
     <menuname> 
     Cheese Stick 
     </menuname> 
     <menudesc> 
     (6 Sticks) 
     </menudesc> 
     <price> 
     $7 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
     </menuitem> 
     <menuitem> 
     <menuname> 
     Fried Mushrooms 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $7 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
     </menuitem> 
     <menuitem> 
     <menuname> 
     Fried Calamari 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $9 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
     </menuitem> 
     <menuitem> 
     <menuname> 
     Bruchetta 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $10 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
    </menuitem> 
    <menuitem> 
     <menuname> 
     Shrimp Bruchetta 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $10 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
    </menuitem> 
    <menuitem> 
     <menuname> 
     Garlic Bread 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $3 
     </price> 
     <price2des> 
     With Cheese 
     </price2des> 
     <price2> 
     $4 
     </price2> 
    </menuitem> 

    <menuitem> 
     <menuname> 
     Soups 
     </menuname> 
     <menudesc> 
     (Minestrone or Pasta Fagioli) Cup 
     </menudesc> 
     <price> 
     $4 
     </price> 
     <price2des> 
     Bowl 
     </price2des> 
     <price2> 
     $6 
     </price2> 
    </menuitem> 

    <menuitem> 
     <menuname> 
     Zupa de Mussels 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $7 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
    </menuitem> 

    <menuitem> 
     <menuname> 
     Side Meatballs or Sausage or Alfredo Sauce 
     </menuname> 
     <menudesc> 
     </menudesc> 
     <price> 
     $4 
     </price> 
     <price2des> 
     </price2des> 
     <price2> 
     </price2> 
    </menuitem> 
</menu> 

Answer 1

我認爲你只是忘了關閉你的表和你的DIV：

html += '</table></div>'; 
$('#menuitem').append($(html)); 

的方式.append（HTML）應該工作了。

[更新]你還缺少一個TR：

html += '<table class="menus"><tr><th colspan="5"><h1>' + head + '</h1></th></tr>';