表格的循环和导航栏

表格的循环

 

 var table_html = <table border='1'>
<tr>
       <th>分类</th> 
        <th>名称</th>
        <th>单价(元)</th>
        <th>单位</th><th></th>
</tr>;
   for(var i = 0; i < item.length; i ++ )

   {
        table_html += "<tr class='tr1'>
             <td>"+item[i].itemize+"</td>
             <td>"+item[i].name+"</td>
             <td>"+item[i].unit+"</td>
             <td>"+item[i].price +"</td>
            <td><button  onclick='jump_page()'>加入购物车</button></td></tr>";
    }
    $("#table").html(table_html+"</table>");
});

 

 

导航栏

 

<ul class=\"nav_back_page\">

       <li>

               <a href=\"index.html\">Let's Go!</a>

       </li>

       <li>

               <a href=\"index.html\">主页</a>

       </li>

       <li>

               <a href=\"list_of_goods.html\">商品列表</a>

       </li>

       <li>

              <a href=\"shopping_list.html\"> <span class=\"cartImg\"><img src=\"../img/shopping71.png\"         ></span> <span id=\"shoppingCartNumShow\"></span>购物车（）</a>

        </li>

</ul>