繰り返し
メニューの一覧を作成する

var Menu=function(n,p) {
       this.name=n;    //メニューの名称
       this.price=p;   //メニューの価格
   };
var item=[new Menu('スープ',400),   //実際のメニュー
          new Menu('サンドイッチ',600),
          new Menu('サラダ',500)  ];
$.each(item,function(idx,obj) {      //配列やオブジェクト（この場合はitem）に対して行う繰り返し。idxは要素の位置、objは値を表す
  $('<tr></tr>')      //<tr></tr>タグを作成
    .append('<td class="center">'+(idx+1)+'</td><td>'+obj.name+'</td><td>¥'+obj.price+'</td>')
    .appendTo('#menu tbody');
} );
$('td.center').css('text-align','center');    //CSSプロパティの追加（各行の番号）
$('tr:odd').css('background-color','#cfc');    //CSSプロパティの追加（奇数番目の背景の色）

<table id="menu" border="1" cellspacing="0" cellpadding="3">
   <caption>メニュー</caption>
   <thead>
     <tr><th>番号</th><th>名称</th><th>価格</th></tr>
   </thead>

   <tbody></tbody>
</table>

<table id="menu" border="1" cellspacing="0" cellpadding="3">
   <caption>メニュー</caption>
   <thead>
     <tr><th>番号</th><th>名称</th><th>価格</th></tr>
   </thead>

   <tbody>
     <tr><td class="center">1</td><td>スープ</td><td>¥400</td></tr>
     <tr><td class="center">2</td><td>サンドイッチ</td><td>¥600</td></tr>
     <tr><td class="center">3</td><td>サラダ</td><td>¥500</td></tr>
</tbody>
</table>